首页 > Web开发 > 详细

vuejs2.0如何获取dom元素自定义属性值

时间:2019-03-23 17:19:10      阅读:586      评论:0      收藏:0      [点我收藏+]

1.设置定义属性值  :data-value=".."

<ul class="header-ul">
          <li class="flexcss" v-for="(list,index) in child" :data-value="list.name" @click="changeContent(index,list.name)">{{list.name}}</li>
        </ul>
methods: {
          changeHeaderContent(index,name){
              console.log(cht,index)
              console.log(chaname,name)
}

2.直接获取

<div class="c-img-box" @click="gotoDetail(name)" :data-value="name">
data () {
    return {
      msg: Welcome to Your Vue.js App,
      name:czj,
    }
  },
gotoDetail:function(ev){
      console.log(ev);
    },

3.通过this.$refs.***获取

1.目标DOM定义ref值:

技术分享图片

2.通过 【this.$refs.***.属性名】 获取相关属性的值:

this.$refs.***   获取到对应的元素

技术分享图片

vuejs2.0如何获取dom元素自定义属性值

原文:https://www.cnblogs.com/ysx215/p/10584444.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!