微信小程序的key值

上面是微信小程序文档当中关于wx:key的描述–
wx:key的值以两种形式提供

保留关键字 表示遍历的数组item本身，就是一个唯一的字符串或数字可以看以下的示例，这个倒是不难理解

<view wx:for="{{['a','r','r','a','y']}}" wx:key="*this">{{item}}
</view>

字符串 遍历的数组当中item的property其实就是他的属性，这个属性的值需要是列表中的唯一数字或者字符串，且不能够动态的改变，用在你所被遍历的组件需要多个属性的时候，或者说你需要遍历的数组是被嵌套着的。

这个千万要注意了不要和vue的key值混淆了，不是写index，也不需要写{{item.xx}}，直接就是wx:key="属性名"

<switch wx:for="{{objectArray}}" wx:key="unique" style="display: block;"> {{item.id}} </switch>Page({data: {objectArray: [{id: 5, unique: 'unique_5'},{id: 4, unique: 'unique_4'},{id: 3, unique: 'unique_3'},{id: 2, unique: 'unique_2'},{id: 1, unique: 'unique_1'},{id: 0, unique: 'unique_0'},]})

微信小程序的key值相关推荐

微信小程序 java 传值_微信小程序传值获取值的实例方法
微信小程序传值以及获取值方法的详解微信小程序传值以及获取值方法,传值有两种方法,对应也有获取值得方法, 1.设置id的方法标识跳转后传递的参数值: 2.通过使用data - xxxx 的方法来标识要 ...
微信小程序多选取值判断显示内容
写微信小程序项目的时候遇到多选框选值通过id来判断内容切换这里是通过wxs来实现的 wxml <wxs module="calc">function getId(a ...
微信小程序wx:key的解释
做个微信小程序开发的朋友们大多数肯定都遇到过这样一个警告: wx:key解释: 如果列表中项目的位置会动态改变或者有新的项目添加到列表中,并且希望列表中的项目保持自己的特征和状态,这时就需要wx:ke ...
微信小程序 wx:key 微信:for
warning: Now you can provide attr "wx:key" for a "wx:for" to improve performance ...
微信小程序----wx:key（Now you can provide attr wx:key for a wx:for to improve performance.）
WXRUI体验二维码如果文章对你有帮助的话,请打开微信扫一下二维码,点击一下广告,支持一下作者!谢谢! 效果图官网解释如果列表中项目的位置会动态改变或者有新的项目添加到列表中,并且希望列表中的项 ...
微信小程序的场景值scene
根据微信小程序返回给我们的场景值,我们可以根据不同的场景做出不同的处理,更加方便我们对使用场景的划分当前支持的场景值有: 1001:发现栏小程序主入口,"最近使用"列表(基础库2 ...
微信小程序通过场景值判断从什么路径进入微信小程序
下面博主将会通过图文讲解的方式分享关于通过场景值判断是从什么途径进入到本微信小程序中,最后附上源码! 判断从什么路径进入到微信小程序所以需要获取场景值. 途径1:app.js 以下是微信小程序项目源 ...
php编程教学：微信小程序会员储值卡怎么开发
今天小编要和大家分享的是微信小程序怎么添加储值卡功能,想我们无论是做线下还是线上,只要说到推广,都是非常困难的,如果要推广效果好,就更加困难了,因为很多商家不知道怎么使用推广工具,怎么合作有效的推广平 ...
【微信小程序】自定义属性值，及路由传参
wx小程序在很多时候,我们需要通过wx:for去循环渲染一个列表,我们希望点击进去的时候可以拿到对应的值及各种相应的参数, 那么我们就需要给它加一个标识符,一个专有的id或者指定的index,我们可 ...

微信小程序的key值

微信小程序的key值相关推荐

最新文章

热门文章