(1)setData函数
作用:用于将逻辑层数据发送到视图层(显示的结果),同时对应的改变页面初始数据(this.data.xxx)的值
参数:通过 key : value 的形式表示,将 this.data 中的 key 对应的值改变成 value
示例:
.wxml:
<view class="numview">test01======={{test01}}</view>
<view class="numview">test02======={{test02}}</view>
<button bindtap="testfun">测试setData</button>
.js:
Page({
data: {
test01: 1,
test02: 2
},
testfun: function() {
var that = this;
if (this.data.test01 == 1) {
that.setData({
test02:8
})
console.log(this.data.test02)
}
},
onLoad: function() {},
})
(2)自定义属性设置和获取(data-xxx)
用法:在.wxml中定义,在.js中调用
<button size="mini" class="addpoems" data-dyindex="{{item.dyIndex}}" data-pid="{{item.pid}}" bindtap="clickadd" wx:for-index="idx">
<view class="isadded">{{item.isAdded?"√":"+"}}</view>
</button>
clickadd:function(e){
var seletedData = e.currentTarget.dataset
var dyIndexpoem=seletedData.dyindex
// js使用时,data-后面的单词不能存在大写,大写会接收不到
var pid=seletedData.pid
//将这个pid存档到你的list
this.saveAddedPoem(pid,dyIndexpoem)
},
注意:1、在.wxml中使用时无论你大小写,在.js中接收时都转换为小写,推荐使用小写
2、有一种就是data-name-id这种获取的时候会自动去掉连字符,以驼峰的方式去获取
(3)变量的导出
1、module.exports
module.exports ={
beginToLearn:beginToLearn,
realize:realize,
knowWell:knowWell
}
2、exports
exports.URL="http://localhost:8080"//诗词、作者、朝代
exports.AudiosURL="http://localhost:8081/audios"//音频JSON数据
exports.FileAudioURL="http://localhost:9090/file/mp3s/"//音频文件网络地址
module是一个对象,代指整个js文件,而他的exports属性就是该js文件对外暴露的对象,无论是字符串,数字,对象还是函数,在属性内的值就都能被外部访问到
exports指向了module.exports,类似在.js文件的开头添加了一段module.exports代码
区别:由exports指向的引用,在哪里执行都不能改变该.js文件所要被外部访问的值。而module.exports指向的引用就可以改变