vue v-model动态生成详解

2020-06-14 06:03:19易采站长站整理

<input class="form-control" :value="extendTypesModel[item.extendKey]" @input="handleUpdate(item.extendKey, index)" ref="ipt">
</div>
<div class="text-danger" v-if="item.isRequired === 1">*</div>
</div>


handleUpdate(key, index) {
this.extendTypesModel[key] = this.$refs.ipt[index].value
}

ref绑值取值ref给元素或者子组件注册引用信息,绑定在this.ref绑值取值ref给元素或者子组件注册引用信息,绑定在this.refs 上边。如果是v-for 遍历的话,绑定的就是个数组。

一般通过 $ref.name.value 来取值