vue 获取元素下的所有div_在vue中获取dom元素内容的方法

这篇文章主要为大家详细介绍了在vue中获取dom元素内容的方法，具有一定的参考价值，可以用来参考一下。

感兴趣的小伙伴，下面一起跟随512笔记的小编两巴掌来看看吧！

在vue中可以通过给标签加ref属性，就可以在js中利用ref去引用它，从而操作该dom元素，以下是个例子，可以当做参考

代码如下：

DEMO

export default {

data () {

return {

}

},

mounted () {

this.init();

},

methods:{

init() {

const self = this;

this.$refs.mybox.style.color = 'red';

setTimeout(() => {

self.$refs.mybox.style.color = 'blue';

},2000)

}

}

}

#box {

width: 100px;

height: 100px;

line-height: 100px;

font-size: 20px;

text-align: center;

border: 1px solid black;

margin: 50px;

color: yellow;

}

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持512笔记。

注：关于在vue中获取dom元素内容的方法的内容就先介绍到这里，更多相关文章的可以留意512笔记的其他信息。

关键词：vue.js