浅谈vue.js中$refs的使用方法(附代码)


本文摘自PHP中文网,作者青灯夜游,侵删。

相关推荐:《vue.js教程》

  • 说明:vm.$refs 一个对象,持有已注册过 ref 的所有子组件(或HTML元素)

  • 使用:在 HTML元素 中,添加ref属性,然后在JS中通过vm.$refs.属性来获取

  • 注意:如果获取的是一个子组件,那么通过ref就能获取到子组件中的data和methods

一般来讲,获取DOM元素,需document.querySelector(".input1")获取这个dom节点,然后在获取input1的值。

但是用ref绑定之后,我们就不需要在获取dom节点了,直接在上面的input上绑定input1,然后$refs里面调用就行。

然后在javascript里面这样调用:this.$refs.input1 这样就可以减少获取dom节点的消耗了。示例代码如下:

阅读剩余部分

相关阅读 >>

九大vuejs常见面试题,你都会吗?

js proxy 的优势以及使用场景

antd适合vue使用吗

vue weex是啥?

vue文件如何实现跳转页面

10个关于路由vue-router的vuejs面试题(含答案解析)

详解vue.js三种安装方式

$nexttick vs settimeout,看看它们的差异

浅谈vue.js中$refs的使用方法(附代码)

vue 中实现 echarts 随窗体变化

更多相关阅读请进入《vue》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...

    暂无评论...