vue将变量设置给标签上的自定义属性

最新推荐文章于 2024-07-03 08:30:00 发布

杨葱儿

最新推荐文章于 2024-07-03 08:30:00 发布

阅读量1.1w

点赞数 1

分类专栏： Vue

本文链接：https://blog.csdn.net/weixin_44285250/article/details/89532372

版权

Vue 专栏收录该内容

12 篇文章 1 订阅

订阅专栏

<!--设置data中的num给属性data-num赋值-->
<div id="app">
  <button :data-num="num" ref="dataNum"  @click="getsum($event)">点我</button>
</div>


var vone = new Vue({
    el: '#app',
    data: {
        num : 100
      },
    methods: {
        //获取
        getsum: function(e) {
            //方法一：操作DOM
            console.log(this.$refs.dataNum.dataset.num); //100
             //方法二：通过e.target.getAttribute
            console.log(e.target.getAttribute('data-num'));//100
        }
    }
})