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

2017-10-17  本文已影响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)       //全部美食

           }

        };

   }

上一篇 下一篇

猜你喜欢

热点阅读