美文网首页
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