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

• Z时代
• 2024-02-14
• 分类：IT

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

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

回答：

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

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

以上是 vue的点击事件中如何优雅的获取当前被点击元素身上的属性 的全部内容， 来源链接： utcz.com/p/936589.html