微信小程序setData()方法的使用

官方解释:

setData 函数用于将数据从逻辑层发送到视图层（异步），同时改变对应的 this.data 的值（同步）。

自己通俗的理解就是给数据复制用的,

结合一个demo说下setdata的使用

不如点击确定按钮把当前的值显示的布局中

xwml 里面填写内容

<text class="user-motto" bindtap='click'>{{motto}}</text>

当前的国家:{{array[index]}}

</view>

</picker>

</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地址参考

demo地址如果帮助了您希望给一个免费的star

微信小程序setData()方法的使用相关推荐

微信小程序setdata方法
微信小程序setdata方法微信小程序中有时候需要从其他位置获取数据在前端调用一般会用到小程序中封装好的setdata方法: /** `setData` 函数用于将数据从逻辑层发送到视图层*(异步 ...
微信小程序————setData()方法的使用和注意事项
微信小程序setData()使用: ##Page.prototype.setData(Object data, Function callback) setData 函数用于将数据从逻辑层发送到视图层 ...
微信小程序-setData()方法
一般setData方法多用于点击后改变页面信息或者刷新后与后台交互获取最新的信息注意: 直接修改 this.data 而不调用 this.setData 是无法改变页面的状态的,还会造成数据不一致 ...
小程序setdata优化_微信小程序 setData的使用方法详解
微信小程序 setData的使用方法详解微信小程序 setData的使用方法详解最近在使用微信小程序的setData时,遇到了以下问题.如下: 官网文档在使用setData()设置数组对象的某个元 ...
微信小程序getday方法_日期getDay（）方法和JavaScript中的示例
微信小程序getday方法 JavaScript Date getDay()方法 (JavaScript Date getDay() method) getDay() method is a Date ...
微信小程序怎么开通（自己申请开通微信小程序的方法）
微信小程序怎么开通(自己申请开通微信小程序的方法) 很多粉丝朋友想要了解微信小程序怎么开通,自己想要申请开发同微信小程序.本文瀚林就给大家分享自己开通微信小程序的方法. 在操作之前,首先要大家清楚明白 ...
uniapp 微信小程序登录方法封装
uniapp 微信小程序登录方法封装前言一.登录接口二.登录上代码总结前言 ui设计没有登录页所以将微信小程序登录方法同一封装一个方法一.登录接口 uni.getUserProfile ...
使用TypeScript开发微信小程序的方法
TypeScript是C#之父Anders Hejlsberg的又一力作,很多喜欢c#语法的朋友对typescript都爱不释手,今天小编给大家介绍下TypeScript开发微信小程序的方法,感兴趣的 ...
微信小程序登录方法，授权登录及获取微信用户手机号
✅作者简介: 大家好五一快乐,我是痴心阿文,你们的学友哥,今天给大家分享微信小程序登录方法!

微信小程序setData()方法的使用

微信小程序setData()方法的使用相关推荐

最新文章

热门文章