**vue中如何操作底层DOM**
前言:
其实在没有学习前端框架之前使用dom操作非常的普遍,但是前端框架的一个好处就是避免使用dom底层操作,安全并且高效,但是有时候我们又不可避免的使用它,所以vue给dom操作留了一个后门,让我们在不得以的情况下使用它完成我们的功能!
内容:
在指定元素上,添加ref=“名称A”;
在获取的地方加入this.$refs.名称A:
- 如果ref放在了原生dom元素上,获取的诗句就是原生的dom对象
- 如果ref放在组件对象,获取的就是组件对象。
1
2
3
4
实例:
app.vue template:
请输入内容 显示:{{text | myFilter }}
1 2 3 4 5 6 7 8 9 10 11 app.vue script:
heiehi
作者:一根会编程的火腿肠
来源:优快云
原文:https://blog.youkuaiyun.com/changyinling520/article/details/78389232
版权声明:本文为博主原创文章,转载请附上博文链接!