Vue 获取dom元素中的自定义属性值

• Z时代
• 2024-01-10
• 分类：综合

HTML
<div id="app">
  <button  @click="getData($event,'100')">点我</button>
</div>

JS
methods : {
   getData(e,num) {
        console.log(num);     // 输出 100
   }
}

方法二：

HTML
<div id="app">
  <button data-num="100" ref="dataNum"  @click="getData($event)">点我</button>
</div>
JS
methods : {
   getData (e) {
       console.log(this.$refs.dataNum.dataset.num);     // 输出 100
   }
}

方法三：

HTML
<div id="app">
  <button data-num="100" @click="getData($event)">点我</button>
</div>
JS
methods : {
   getData (e) {
       console.log(e.target.getAttribute('data-num'));     // 输出 100
   }
}

以上是 Vue 获取dom元素中的自定义属性值 的全部内容， 来源链接： utcz.com/z/380222.html