首先明确一点,vue不推荐我们直接操作dom
一是由于操作dom有较高的性能损耗;二是操作不属于自己的dom时,可能会出现不可预测的问题。
但在某一些地方,操作dom更为方便时,我们可以使用如下方法:
<h2 ref="title">哈哈哈</h2>
this.$refs.title.style.color = '#f00'
通过vue实例带有的ref属性来获取dom并修改其样式
首先明确一点,vue不推荐我们直接操作dom
一是由于操作dom有较高的性能损耗;二是操作不属于自己的dom时,可能会出现不可预测的问题。
但在某一些地方,操作dom更为方便时,我们可以使用如下方法:
<h2 ref="title">哈哈哈</h2>
this.$refs.title.style.color = '#f00'
通过vue实例带有的ref属性来获取dom并修改其样式