内联事件绑定

对于事件处理在模板上的绑定,原生小程序只能通过事件信息结合手工拿取data里的信息,我们希望能和vue的事件绑定一样更灵活地传参

例子:

  1. <template>
  2. <view>
  3. <view bindtap="handleTap1(1)">Click me!</view>
  4. <view bindtap="handleTap2(testVal, $event)">Click me!</view>
  5. </view>
  6. </template>
  7. <script>
  8. import {createComponent} from '@mpxjs/core'
  9. createComponent({
  10. data: {
  11. testVal: '123'
  12. },
  13. methods: {
  14. handleTap1 (val) {
  15. console.log(val) // 1
  16. },
  17. handleTap2 (val, event) {
  18. console.log(val) // '123'
  19. console.log(event) // 微信原生事件
  20. }
  21. }
  22. })
  23. </script>

注意:由于微信的限制,如果事件名使用横线链接分割(如: ‘value-change’),将不可以使用该feature。以及在wx:for中,若遍历的是对象数组,内联传入的item并非是对象的引用,若想修改对象,请用index到原数组中获取。