提交 c9537175 编写于 作者: DCloud_iOS_XHY's avatar DCloud_iOS_XHY

Update list-item.md

上级 6bea106a
## list-item ## list-item
<!-- UTSCOMJSON.list-item.description --> <!-- UTSCOMJSON.list-item.description -->
...@@ -22,11 +21,11 @@ ...@@ -22,11 +21,11 @@
<template> <template>
<view class="content"> <view class="content">
<list-view ref="listView" class="list" :scroll-y="true"> <list-view ref="listView" class="list" :scroll-y="true">
<list-item v-for="(item,index) in list" :key="index" class="content-item1" type=1> <list-item v-for="(item,index) in list" :key="item" class="content-item1" type=1>
<text class="text">title-{{item}}</text> <text class="text">title-{{item}}</text>
<text class="text">content-{{item}}</text> <text class="text">content-{{item}}</text>
</list-item> </list-item>
<list-item v-for="(item,index) in list" :key="index" class="content-item2" type=2> <list-item v-for="(item,index) in list" :key="item" class="content-item2" type=2>
<image class="image" src ="/static/test-image/logo.png"></image> <image class="image" src ="/static/test-image/logo.png"></image>
</list-item> </list-item>
<list-item type=3> <list-item type=3>
...@@ -42,6 +41,7 @@ ...@@ -42,6 +41,7 @@
**注意:** **注意:**
1. 避免对list-item组件的子元素设置event事件,复用后list-item组件部分子元素可能无法正常响应event,有相关业务需要对子元素设置event事件,可对list-item组件设置独立的type实现不复用。 1. 避免对list-item组件的子元素设置event事件,复用后list-item组件部分子元素可能无法正常响应event,有相关业务需要对子元素设置event事件,可对list-item组件设置独立的type实现不复用。
2. App-iOS平台 使用 v-for 遍历集合方式创建 list-item 时,需要写 :key 并要保证值唯一,不要使用 index,否则可能会引起 list-item 显示顺序错乱的问题;
<!-- UTSCOMJSON.list-item.event --> <!-- UTSCOMJSON.list-item.event -->
......
Markdown is supported
0% .
You are about to add 0 people to the discussion. Proceed with caution.
先完成此消息的编辑!
想要评论请 注册