openharmony容器组件之Navigator

在微信小程序的`template`组件中插入`navigator`组件通常是为了实现页面内的跳转功能，同时保持这部分结构的复用。比如，你可能会有一个通用的表单提交模版，其中包含一个提交按钮，每次用户点击这个按钮都需要导航到新的结果页面： ```html <!-- list-item-template.wxml --> <template name="list-item-template"> <view class="list-item"> <!-- 其他内容... --> <navigator url="/pages/result/result" bindtap="onSubmit" open-type="navigateTo"> <button type="primary">提交</button> </navigator> </view> </template> ``` 然后在你的父页面中，你可以像这样使用这个模板，并绑定事件处理器`onSubmit`来触发跳转： ```html <!-- 页面.wxml --> <view> <block wx:for="{{items}}" wx:for-item="item"> <template is="list-item-template" data-item="{{item}}"/> </block> </view> ``` 在这个例子中，当用户点击每个`list-item-template`里的“提交”按钮，就会按照对应的`data-item`值跳转到`result`页面。