<switch wx:for="{{objectArray}}" wx:key="unique" style="display: block;"> {{item.id}} </switch>
<button bindtap="switch"> Switch </button>
这是官方说明文档的一个例子,可以看到button绑定了点击事件,
data: {
objectArray: [
{id: 5, unique: 'unique_5'},
{id: 4, unique: 'unique_4'},
{id: 3, unique: 'unique_3'},
{id: 2, unique: 'unique_2'},
{id: 1, unique: 'unique_1'},
{id: 0, unique: 'unique_0'},
],
numberArray: [1, 2, 3, 4]
},
switch: function(e) {
const length = this.data.objectArray.length
for (let i = 0; i < length; ++i) {
const x = Math.floor(Math.random() * length)
const y = Math.floor(Math.random() * length)
const temp = this.data.objectArray[x]
this.data.objectArray[x] = this.data.objectArray[y]
this.data.objectArray[y] = temp
}this.setData({
objectArray: this.data.objectArray
})
}
上面是js文件,如上所示,在switch函数中,直接this.data.objectArry就可以访问绑定在switch中的数组,此时this给人的感觉好像是指向了page对象,打印出来之后 ,
他确实是指向了page对象,不知道可不可以这样讲:小程序中的this如果没有重新赋值的话,他一直指向page对象(接触时间不多,有没有例外暂时不知)
再来看另外一个例子:
<view class="" bindtap="viewtap">手机收实价</view>
那么此时,我想要拿到“手机收实价”五个字,该如何操作呢 ps:不是<view>{{text}}</view>这种,我想要的是类似于js的innerHtml的方法或者jq的text、html这种方法