uniapp开发小程序事件对象上拿不到绑定的属性？

Question

<button :msg-data='111'  @click='hanleClick'>
点击</button>

类似于这种，在事件hanleClick中接收一个event对象，打印在target属性上并没有msg-data，我知道可以使用函数传参来实现类似的效果，但是我想知道为什么拿不到值，只有一个id，这跟微信小程序的mvc模式有关系吗？

事件对象

Answer 1

并不是，DOM property 和 HTML attribute 并不是一个东西（差别在哪里）。
所以你在 event 对象上面看到不这个属性，可以通过 .prop 修饰符去让 msg-data 属性作为一个 DOM property 绑定而不是作为 attribute 绑定，就可以在 event.target 上看到了。

- <button :msg-data='111'  @click='hanleClick'>点击</button>
+ <button :msg-data.prop='111'  @click='hanleClick'>点击</button>

具体可以通过阅读 Vue 文档关于 v-bind 的部分来了解：

• Vue 2.x v-bind API — Vue.js
• Vue 3.x v-bind - 内置指令 | Vue.js

---

本文参与了SegmentFault 思否面试闯关挑战赛，欢迎正在阅读的你也加入。