微信小程序setData()方法的使用
官方解释:
setData 函数用于将数据从逻辑层发送到视图层（异步），同时改变对应的 this.data 的值（同步）。
自己通俗的理解就是给数据复制用的,
结合一个demo说下setdata的使用
不如点击确定按钮把当前的值显示的布局中
xwml 里面填写内容
<!--index.wxml-->
<view class="container">
<view class="usermotto">
<text class="user-motto" bindtap='click'>{{motto}}</text>
<picker bindchange="bindPickerChange" value="{{index}}" range="{{array}}">
<view class="picker">
当前的国家:{{array[index]}}
</view>
</picker>
</view>
</view>
然后在js中添加事件(js中data是初始化数据用的)
首先打印下数据
bindPickerChange: function (e) {
console.log(e)
},
选择的是第一个看截图
我们从log中可以看出当前选择数据的0, 那么它的值也就是e.detail.value, 其中e是自己去的数据名字，后面跟的
是数据的路径， 有了数据我们数值一下，假设在data中初始化一个数值为index，
代码如下：
bindPickerChange: function (e) {
console.log(e.detail.value)
index = e.detail.value;
},
看下日志：
打印的是又数据的，赋值的报错了，说index没有定义，为什么呢？？？
首先需要明白的是index是哪里的数据，当然是data里面的，我们要用data里面的数据就需要使用setdata不然
直接就报错，我们修改
bindPickerChange: function (e) {
console.log(e.detail.value)
index: e.detail.value
this.setData({
index: e.detail.value
})
},
这样就很完成的得到想要的结果，
这个也是自己对setdata的理解，谢谢。
给出demo地址参考