vue获取dom元素的方法
Vue.js 提供了多种方式访问 DOM 元素，主要分为以下几类：
1、使用refs：refs 可以被用来在模板上引用一个 DOM 元素或子组件。可以通过 this.$refs 访问它们。
  例如：        <div ref="myDiv">Hello</div>        methods:{      getMyDiv(){        console.log(this.$Div);        //输出：<div ref="myDiv">Hello</div>      }    }    2、使用$el：$el 属性会返回当前 Vue 实例的根元素（root element）。
  例如：        <div id="app">      <p>{{msg}}</p>    </div>        let vm = new Vue({      el:'#app',      data:{        msg:'hello word'      },      mounted(){      console.log(this.$el);      //输出：<div id="app"><p>hello word</p></div>      }    })    3、使用querySelector：Vue 实例的 $el 属性是一个原生的 DOM 元素，你可以像操作任何普通的 HTML 元素那样操作它。
  例如：        <div id="app">      <p>{{msg}}</p>    </div>        let vm = new Vue({      el:'#app',      data:{        msg:'hello word'      },      mounted(){      console.log(this.$el.querySelector('p')); 
    //输出：<p>hello word</p>      }    })
>js获取子元素

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。