wx:key失效

发布于 6 年前作者 yaomin3898 次浏览最后编辑 6 年前来自 ask

使用开发者工具快速创建一个项目,然后在index.wxml内增加 测试代码块

<input wx:key=“*this” value=“id:{{item}}” wx:for=“{{list}}”  />  

<button bindtap=“btnOk” > 点击测试 </button>

index.js

data增加属性

list: [1,2,3]

增加方法

btnOk:function(){

    this.setData({

        “list”: this.data.list

    });

}

然后运行,在input内随意输入点东西,点击测试按钮后,所有input被重置了,并没有保留原来输入的值

1 回复
yejie
yejie1 楼4 年前

你好,不能你调用了setData,而input的value绑定了item,所以会更新为item的值。

wx:key只是保证key相同的时候input不会被移除再append。