内联事件绑定
对于事件处理在模板上的绑定,原生小程序只能通过事件信息结合手工拿取data里的信息,我们希望能和vue的事件绑定一样更灵活地传参
例子:
<template>
<view>
<view bindtap="handleTap1(1)">Click me!</view>
<view bindtap="handleTap2(testVal, $event)">Click me!</view>
</view>
</template>
<script>
import {createComponent} from '@mpxjs/core'
createComponent({
data: {
testVal: '123'
},
methods: {
handleTap1 (val) {
console.log(val) // 1
},
handleTap2 (val, event) {
console.log(val) // '123'
console.log(event) // 微信原生事件
}
}
})
</script>
注意:由于微信的限制,如果事件名使用横线链接分割(如: ‘value-change’),将不可以使用该feature。以及在wx:for中,若遍历的是对象数组,内联传入的item并非是对象的引用,若想修改对象,请用index到原数组中获取。