在vue中获取dom元素内容的方法

2019-11-19 16:07:06

字体：大中小

来源：转载

供稿：网友

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

<template>  <div>   <div id="box" ref="mybox">    DEMO   </div>  </div> </template>  <script> 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)   }  }  } </script>  <style scoped>  #box {   width: 100px;   height: 100px;   line-height: 100px;   font-size: 20px;   text-align: center;   border: 1px solid black;   margin: 50px;    color: yellow;  } </style>

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

上一篇：使用Webpack提高Vue.js应用的方式汇总(四种)

下一篇：jQuery实现html table行Tr的复制、删除、计算功能