VUE-使用refs获取嵌套组件中的值

功能简介：1、父组件包含zujian1，而zujian1又包含zujian22、zujian2绑定一个输入参数<inputref="query" v-model="query" @keypress="doSearch"/>3、父组件获得输入框中的值，通过this.$refs.组件名来获取dom元素，多层嵌套，要调多次// 记录输入框的值this...

佛佛ง

5930人浏览 · 2019-06-08 14:45:38

佛佛ง · 2019-06-08 14:45:38 发布

功能简介：

1、父组件包含zujian1，而zujian1又包含zujian2

2、zujian2绑定一个输入参数

<input  ref="query" v-model="query" @keypress="doSearch"/>

3、父组件获得输入框中的值，通过this.$refs.组件名来获取dom元素，多层嵌套，要调多次

 // 记录输入框的值
 this.inputValue=this.$refs.zujian1.$refs.zujian2.query

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}$/, //不连续的两位字母// /^