微信小程序(一)JS页面赋值以及JS页面取值-----注意小程序中JS是不能对DOM进行操作的。
发表时间:2020-10-19
发布人:葵宇科技
浏览次数:102
小程序初始化页面赋值:
//js代码
Page({
data:{
txtData:"Hello";
}
})
//wxml代码
<view>{{ txtData }}</view>
小程序函数赋值注意的是函数赋值可以覆盖原来的值:
//js代码
Page({
data:{
txtData:"Hello"
},
onLoad:{
//调用自定义赋值函数
this.SetVal();
},
//自定义赋值函数(注意自定义函数需要调用执行才可以生效)
SetVal:function(){
var that = this;
that.setData({
txtData:"修改后的值"
})
}
})
小程序页面取值:
//js代码
Page({
data:{
txtData:"Hello"
},
onLoad:{
//调用自定义赋值函数
this.SetVal();
//调用自定义取值函数
var getVal = this.GetVal();
console.log(getVal);
},
//自定义赋值函数(注意自定义函数需要调用执行才可以生效)
SetVal:function(){
var that = this;
that.setData({
txtData:"修改后的值"
})
},
//自定义取值函数
GetVal:function(){
var that = this.data.txtData;
}
})
?