vue获取标签上的属性值

我就是我 2022-02-14 08:20 829阅读 0赞

方法一： 

  1. <div id="app">
  2.   <button  @click="getData($event,'100')">点我</button>
  3. </div>
  5. methods : {
  6.    getData(e,num) {
  7.         console.log(num);     // 输出 100
  8.    }
  9. }

方法二：

  1. <div id="app">
  2.   <button data-num="100" ref="dataNum"  @click="getData($event)">点我</button>
  3. </div>
  5. methods : {
  6.    getData (e) {
  7.        console.log(this.$refs.dataNum.dataset.num);     // 输出 100
  8.    }
  9. }

方法三：

  1. <div id="app">
  2.   <button data-num="100" @click="getData($event)">点我</button>
  3. </div>
  5. methods : {
  6.    getData (e) {
  7.        console.log(e.target.getAttribute('data-num'));     // 输出 100
  9.    }
  10. }

发表评论

表情：
评论列表 （有 0 条评论，829人围观）

还没有评论，来说两句吧...

相关阅读