vue的点击事件中如何优雅的获取当前被点击元素身上的属性

Question

RT，给button按钮绑定一个test事件，如何在test事件中优雅的获取button上绑定的data-number这个属性值呢

<button @click="test" data-number="123" >测试按钮</button>

Answer 1

这个操作跟 vue 无关，是典型的事件响应函数和 DOM 操作。

{
  methods: {
    test(event) {
      const {target} = event;
      let {number} = target.dataset;
      // 需要数字类型需要转换
      number = parseInt(number);
    }
  }
}