Vue获取dom元素

 

 

 

<li 

　@click='获取li标签' 

  :ref="center-li"

　id="center-li"    

 >

　　=====我是li标签=====

</li>

<script>

　　methods:{

　　　　获取li标签(){

　　　　　　var ulArr = this.$refs.center-li;

　　　　　　console.log(ulArr ) //<li>=====我是li标签=====<li>

　　　　

　　　　　　var ulArr = ulArr.getElementById ("center-li");

　　　　　　console.log(ulArr ) //<li>=====我是li标签=====<li>

　　　　}

　　}

　　//以上两种方法均可以获取到dom元素但是在vue中尽量不要操作dom

</script>