美文网首页
vue获取当前元素以及元素内容

vue获取当前元素以及元素内容

作者: 涂涂是涂涂呀 | 来源:发表于2017-10-17 10:37 被阅读0次

获取当前元素:

HTML:<li @click="btuclick($event)">全部美食</li>

js:

export default {

     methods:{

        btuclick(e){

                  var el = e.target;

                  var el = e.currentTarget;

                 console.log(el)      //<li>全部美食</li>

   }

  };

}

target; //能够用此方法获取到他的子元素

currentTarget;//不能用此方法获取到他的子元素等

$(el)-------当前jq元素

获取元素内容:

HTML:<li @click="btuclick($event)" ref="menuItem">全部美食</li>

js:

export default {

        methods:{

          btuclick(e){ 

               var eltext = this.$refs.menuItem.innerText;

               console.log(eltext)       //全部美食

           }

        };

   }

相关文章

网友评论

      本文标题:vue获取当前元素以及元素内容

      本文链接:https://www.haomeiwen.com/subject/cswruxtx.html