Vue之ref与refs的使用

官方解释是：ref被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例：如template里使用购物车组件 <shopcartref="shopcart" ></shopcart>methods里就能使用refs来指向购物车组件的实例，比如定义在购物车组件里的dr

斜斟星雨

2937人浏览 · 2017-10-20 11:54:02

斜斟星雨 · 2017-10-20 11:54:02 发布

官方解释是：ref被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 $refs 对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例：
如template里使用购物车组件

 <shopcart  ref="shopcart" ></shopcart>

methods里就能使用refs来指向购物车组件的实例，比如定义在购物车组件里的drop（）方法就能被调用：

this.$refs.shopcart.drop(target);

Vue

前往低代码交流专区

更多推荐

Vue里echarts根据页面大小动态调整/自适应

Vue

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^