You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
41 lines
1.1 KiB
41 lines
1.1 KiB
2 years ago
|
<!-- 当虚拟列表兼容模式渲染的时候，列表中实际上渲染的是这个组件，并且会把当前的item，index和extraData(附加数据)通过props传给这个组件 -->
|
||
|
|
<!-- 如果有多个不同的虚拟列表，它们会共用这个组件，这时候可以通过extraData来区分不同的页面 -->
|
||
|
|
<template>
|
||
|
|
<view>
|
||
|
|
<!-- 数组qwq{{index}} -->
|
||
|
|
<!-- 这里的extraData.id在virtual-list-compatibility-demo设置的是test1 -->
|
||
|
|
<virtual-list-test-cell :item="item" :index="index" :extraData="extraData" @openEditCount="openEditCount" @openEditCountDesc="<!-- #ifdef APP -->
|
||
|
|
|
||
|
|
<!-- #endif -->openEditCountDesc"/>
|
||
|
|
</view>
|
||
|
|
</template>
|
||
|
|
|
||
|
|
<script>
|
||
|
|
export default {
|
||
|
|
name: "zp-public-virtual-cell",
|
||
|
|
props: {
|
||
|
|
item: null,
|
||
|
|
index: 0,
|
||
|
|
// 这里的extraData是在页面中通过:extraData给z-paging组件传的对象
|
||
|
|
extraData: null
|
||
|
|
},
|
||
|
|
data() {
|
||
|
|
return {
|
||
|
|
|
||
|
|
};
|
||
|
|
},
|
||
|
|
methods: {
|
||
|
|
openEditCount(item) {
|
||
|
|
this.$emit("openEditCount")
|
||
|
|
},
|
||
|
|
openEditCountDesc(item) {
|
||
|
|
this.$emit("openEditCountDesc")
|
||
|
|
},
|
||
|
|
|
||
|
|
},
|
||
|
|
}
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<style>
|
||
|
|
|
||
|
|
</style>
|