Vue之ref与refs的使用
2017-10-20 11:54
811 查看
官方解释是:ref被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用,引用指向的就是 DOM 元素;如果用在子组件上,引用就指向组件实例:
如template里使用购物车组件
methods里就能使用refs来指向购物车组件的实例,比如定义在购物车组件里的drop()方法就能被调用:
如template里使用购物车组件
<shopcart ref="shopcart" ></shopcart>
methods里就能使用refs来指向购物车组件的实例,比如定义在购物车组件里的drop()方法就能被调用:
this.$refs.shopcart.drop(target);
相关文章推荐
- Vue中ref与$refs的使用
- vue组件 $children,$refs,$parent的使用详解
- vue中使用ref的好处
- 基于Vue 2.0 监听文本框内容变化及ref的使用说明介绍
- vue组件($children,$refs,$parent)的使用
- vue-ref使用
- vue 使用ref 让父组件调用子组件的方法
- Vue 2.0 监听文本框内容变化及 ref的使用说明
- vue中使用refs定位dom出现undefined的解决方法
- Vue 2中ref属性的使用方法及注意事项
- react 使用 ref 报错 ,[eslint] Using string literals in ref attributes is deprecated. (react/no-string-refs)
- vue+element ui 使用$refs获取el-dialog 下的 el-table 组件 ,以及使用table多选,默认选中
- vue 中ref 的使用注意事项
- vue里ref ($refs)用法
- vue基本使用--refs获取组件或元素
- 2_5 IDREF和IDREFS类型的属性的使用及作用
- jQuery如何操作用Vue.js template的元素,用vm.$refs.id--id是vue的ref指定的一个引用
- vue2.0 $refs的使用
- 关于RN的直接操作和ref/refs的使用
- vue 使用ref 让父组件调用子组件的方法