微信小程序setData的使用

1、设置数据

可以设置一个或同时多个data数据

this.setData({

test:'hello world!',

info:'data',

})

console.log(this.data.test) // 结果 =》 “hello world!”
console.log(this.data.info) // 结果 =》“data”

2、用setData() 设置/修改对象或数组里某个属性的值

比如修改下面 medias 对象里 id的值

①key必须带引号

page({

data:{

medias:{id:"666",name:"test"}，

},

changeData :function(){

this.setData({

"medias.id"："999” //key必须带引号

})

console.log(this.data.medias.id) // 结果 =》 “999”
}

})

②先将 key值用变量保存，key值使用时用[ ]引起来

page({

data:{

medias:{id:"666", name:"test"}

},

changeData :function(){

var media=“medias.id” ; //先将 key值用变量保存

this.setData({

[media]：“999” // key值使用时用[ ]引起来

})

console.log(this.data.medias.id) // 结果 =》 “999”

}

})

3⃣️ 动态index 修改data

Page({

data: {

dataList: [{

subTitle: "【冰鲜】马鲛鱼",

details: "500g～600g/条 1000g130元",

count: 2,

},

{

subTitle: "【冰鲜】秋刀鱼",

details: "400g～500g/条 1000g80元",

count: 3,

}]

},

bindReduce(e) {

var index = e.target.dataset.index;

//点击事件从 wxml 获取自定义属性index 用于判断是修改数组中第几个元素的数量

var count = 'dataList[' + index + '].count'

this.setData({

[count]: this.data.dataList[index].count -1

})

}

});

四不同input 绑定同一个事件通过传type 做不同的状态更新

<view class="container">

<view>
<label>姓名</label>

<input bindinput='changeValue' value="{{name}}" data-type="name"></input>

</view>

<view>

<label>手机号</label>

<input type="number" bindinput='changeValue' value="{{phone}}" data-type="phone"> </input>

</view>

</view>

changeValue(e){

var value = e.detail.value;
         var type = e.currentTarget.dataset.type;
         this.setData({
                 [type]: value
         })

console.log('name',this.data.name)
console.log('phone', this.data.phone)
}

微信小程序setData的使用相关推荐

微信小程序————setData()方法的使用和注意事项
微信小程序setData()使用: ##Page.prototype.setData(Object data, Function callback) setData 函数用于将数据从逻辑层发送到视图层 ...
小程序setdata优化_微信小程序 setData的使用方法详解
微信小程序 setData的使用方法详解微信小程序 setData的使用方法详解最近在使用微信小程序的setData时,遇到了以下问题.如下: 官网文档在使用setData()设置数组对象的某个元 ...
微信小程序setdata方法
微信小程序setdata方法微信小程序中有时候需要从其他位置获取数据在前端调用一般会用到小程序中封装好的setdata方法: /** `setData` 函数用于将数据从逻辑层发送到视图层*(异步 ...
微信小程序setData注意事项，使用方法
1..微信小程序开发中,为了减少data和视图层数据表现不一致,全部采用setData方法修改值. setData函数注意事项 1..直接修改 this.data 而不调用 this.setData ...
微信小程序setData给数组赋值问题
因为小程序中分有逻辑层和渲染层等.所以需要用setdata函数,渲染到视图界面.普通的修改属性是通过this.setData({demo:true})的方法设置,但是本人遇到一种情况,需要通过下标区改 ...
微信小程序setData不起作用
setData函数注意事项直接修改 this.data 而不调用 this.setData 是无法改变页面的状态的,还会造成数据不一致. 单次设置的数据不能超过1024kB,请尽量避免一次设置过多的 ...
微信小程序setData()方法的使用
官方解释: setData 函数用于将数据从逻辑层发送到视图层(异步),同时改变对应的 this.data 的值(同步). 自己通俗的理解就是给数据复制用的, 结合一个demo说下setdata的使用 ...
微信小程序 setData动态设置数组中的数据
现在有一组死数据但是想在使用时动态修改其中的值在setData中不能直接设置,真想......,算了是这个和谐的社会救了那个工程师. 接下来,我们去征服她! 死数据: //地图上方控件contro ...
微信小程序---setData
data:{ obj:{ name:'hello' } } 对data中obj的name字段进行重新赋值. onLoad: function (option) { var value = 'obj.n ...
微信小程序setData的回调方法
this.setData({ page: this.data.page+1 }, () => {console.log('赋值成功')}) 转载于:https://www.cnblogs.com ...

微信小程序setData的使用

1、设置数据

2、用setData() 设置/修改对象或数组里某个属性的值

微信小程序setData的使用相关推荐

最新文章

热门文章

微信小程序setData的使用

1、设置数据

2、用setData() 设置/修改 对象或数组 里某个属性的值

微信小程序setData的使用相关推荐

最新文章

热门文章

2、用setData() 设置/修改对象或数组里某个属性的值