本篇文章为大家展示了使用Vue select 如何绑定动态变量,内容简明扼要并且容易理解,绝对能使你眼前一亮,通过这篇文章的详细介绍希望你能有所收获。

概述
根据后台的数据生成多个select,由于数据的数量不定,所以v-model绑定的变量名也不定。所以通过数据的id或者下标进行变量拼接。页面能够成功渲染,但是当进行下拉框的选值时,组件不刷新,选中的结果并没有展示
Code
<div v-for="(item, index) in tagAllDate" :key="index">
<el-form-item :label="item.name">
<el-select v-model="editData['line_' + index]" multiple placeholder="请选择" >
<el-option v-for="(itemO, o) in item.sub_list" :key="o" :label="itemO.name" :value="itemO.tag_id"></el-option>
</el-select>
</el-form-item>
</div>