# nvue模块
注意
- 在nvue中,z-paging默认会被渲染为
<list />
标签(使用list组件的性能高于使用view或scroll-view的滚动。原因在于list在不可见部分的渲染资源回收有特殊的优化处理),因此此时z-paging中的view必须是<cell />
、<header />
等<list />
独有的子组件。ps:<cell />
仅可用于nvue,.nvue
结尾的文件在非app平台将被编译为.vue
;若需要在nvue中渲染为<cell />
,在vue中渲染为<view />
,则可以使用<z-paging-cell />
标签 - v-for请写在cell标签上,而非cell标签内部,index不能作为key 的唯一标识
- 写法示例👇🏻
<z-paging ref="paging" v-model="dataList" @query="queryList">
<cell class="item" v-for="(item,index) in dataList" :key="item.id" @click="itemClick(item)">
<text class="item-title">{{item.title}}</text>
</cell>
</z-paging>
1
2
3
4
5
2
3
4
5