显示事件目标信息为ko

Question

我有一个带有 id 和名称的按钮，我想显示它们的值，但在我的代码中没有显示任何内容。 有什么问题吗？

  <v-btn id="mytest" name="test" @click="addNewEntry">{{'add '}}</v-btn>


  methods: {
    addNewEntry() {
        document.getElementById("mytest").addEventListener('click', (event) => {        
        console.log('id value ' , event.target.id);
        console.log('name value ' , event.target.name)
      });
    },
}

Answer 1

您已经通过

@click="addNewEntry"

将事件侦听器附加到您的方法，所以只需执行以下操作：

  methods: {
    addNewEntry(event) {
      console.log('id value ' , event.target.id);
      console.log('name value ' , event.target.name)
    },
  }