在vue中获取dom元素内容的方法
2017-07-10 14:10
751 查看
在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>
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- vue获取dom元素的内容
- vue获取DOM元素并设置属性的两种实现方法
- 动态创建dom元素、获取dom元素的属性及遍历dom元素的方法
- Jquery取得iframe中元素的几种方法Javascript Jquery获取Iframe的元素、内容或者ID,反之也行
- JavaScript获取DOM元素的11种方法总结
- JavaScript DOM编程基础精华01(DOM入门,DOM模型和获取页面元素,事件,window对象的方法)
- Jquery取得iframe中元素的几种方法Javascript Jquery获取Iframe的元素、内容或者ID,反之也行!
- Jquery取得iframe中元素的几种方法Javascript Jquery获取Iframe的元素、内容或者ID,反之也行!
- jQuery获取选中内容及设置元素属性的方法
- DOM(包括获取元素节点的方法以及获取和设置元素节点的属性)
- Jquery取得iframe中元素的几种方法Javascript Jquery获取Iframe的元素、内容或者ID
- 动态获取html页面的内容,并且取其中的某块元素的方法
- Jquery取得iframe中元素的几种方法Javascript Jquery获取Iframe的元素、内容或者ID,反之也行!
- 原生的js获取DOM元素方法总结
- 总结的一些jquery获取更改dom元素常用方法
- Jquery取得iframe中元素的几种方法Javascript Jquery获取Iframe的元素、内容或者ID,反之也行!
- 用JavaScript获取DOM元素位置和尺寸大小的方法
- 用JavaScript获取DOM元素位置和尺寸大小的方法
- 关于jquery html()方法获取带有OBJECT标签的元素内容时,出现“类型不匹配。”的解决办法
- 使用DOM的方法获取所有li元素,然后使用jQuery()构造函数把它封装为jQuery对象