vue.js怎么操作dom

　　介绍

这篇文章给大家分享的是有关vue.js怎么操作dom的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

vue。js操作dom的方法:1、原生js操作dom,代码为【const dom=getElementById('框# 39;);2、使用vue官方方法裁判,代码为【& lt;div class="设置" ref="”祝辞。

<强> vue。js操作dom的方法:

<强> 1,原生js操作dom

const  dom =, getElementById('框# 39;)

<强> 2,vue官方方法:裁判

vue中的裁判是把当前dom元素”抽离出来”,只要通过这个。参美元就可以获取到

& lt;, div 类=疤住?ref=吧稀痹?/pre>

<代码>。设置> @click=熬ā?/pre>

给父元素一个点击事件,

接下来我们来编写这个方法

方法:{ 　　?,。refs.addAlert.style.display 美元;=,“块”; 　　}

CSS还要吗?

那我把代码全粘过来你们自己看吧

& lt; template> 　　,,,& lt; div  id=癮pp"比; 　　,,,,,,,& lt; div 类=癷ndex-box"比; 　　,,,,,,,,,,,& lt; !——新增按钮——比; 　　,,,,,,,,,,,& lt; input 类型=癰utton", id=癉bManagement-addBtn", @click=皊howAddAlert",价值=https://www.yisu.com/zixun/毙略觥?