vue中使用ref的好处
2018-03-19 16:35
537 查看
当我们需要在 JavaScript 中直接访问子组件。为此可以使用 ref 为子组件指定一个引用 ID
这与document.getElementById(“profile”)获取dom节点的作用是一样的,但使用ref会减少获取dom节点的消耗
当 ref 和 v-for 一起使用时,获取到的引用会是一个数组,包含和循环数据源对应的子组件。
<div id="parent"> <p ref="profile" id="profile"></p> </div> var parent = new Vue({ el: '#parent' }) // 访问子组件实例 var child = parent.$refs.profile console.log(child )// <p ref="profile" id="profile"></p>
这与document.getElementById(“profile”)获取dom节点的作用是一样的,但使用ref会减少获取dom节点的消耗
当 ref 和 v-for 一起使用时,获取到的引用会是一个数组,包含和循环数据源对应的子组件。
相关文章推荐
- vue 中ref 的使用注意事项
- Vue 2.0 监听文本框内容变化及 ref的使用说明
- Vue之ref与refs的使用
- Vue 2中ref属性的使用方法及注意事项
- Vue中ref与$refs的使用
- vue 使用ref 让父组件调用子组件的方法
- vue 使用ref 让父组件调用子组件的方法
- vue-ref使用
- vue的ref引用 使用方法
- 基于Vue 2.0 监听文本框内容变化及ref的使用说明介绍
- vue 基础 filter 过滤器使用
- Vue的路由功能(1)简单路由与vue-router的基础使用(同步/异步组件)
- vue2.0设置proxyTable使用axios进行跨域请求的方法
- vue 使用mint-ui组件的mt-loadmore上拉加载更多
- 使用 vue 1.0.3 $set 函数遇到的坑
- vue-router的使用
- 详解vue-router基本使用
- 宏定义中使用do{}while(0)的好处
- vue中的ref作用,可以实现DOM的联动操作
- 在SSH框架中使用Spring的好处