vue.js - Vuejs从按钮获取属性

Question

当点击事件被触发时，我想tblid从元素中获得属性。button

我正在阅读这样的问题，但它对我不起作用->下面的示例。

对我来说似乎很奇怪的是e.targetore.currentTarget返回具有所有属性的元素，包括tblid. 为什么在 vuejs 中很难从元素中获取这些属性？

请注意：我知道我可以创建组件并在该组件上使用道具。但我真的不想为每个 html 元素创建组件，如按钮、标签、输入......

html:

<div id="app">
      <button tblid="tbl1" @click="buttonClick($event)">
        Button 1 tbl1
      </button>
    </div>

应用程序.js：

new Vue({
  el: "#app",
  methods: {
      buttonClick(e){
          debugger;
      }
  }
});

标签： vue.js

Answer 1

如果您想要 tblid 的值，您可以将其作为参数发送到偶数侦听器函数中，而不是使用事件对象。

<button tblid="tbl1" @click="buttonClick('tbl1')">
    Button 1 tbl1
</button>