vue+elementUI中使用v-for循环出多个select下拉框，默认绑定，但改变一个下拉框，其余下拉框也会改变的问题

vue+elementUI中使用v-for循环出多个select下拉框，默认绑定，但改变一个下拉框，其余下拉框也会改变的问题样式如下<el-table-column label="姓名" prop="username"><template slot-scope='scope'><el-select v-model='scope.row.type'&gt...

Ccoolor

11001人浏览 · 2019-12-18 12:59:51

Ccoolor · 2019-12-18 12:59:51 发布

样式如下

<el-table-column label="姓名" prop="username">
	<template slot-scope='scope'>
			<el-select v-model='scope.row.type'>
				<el-option v-for='item in option' :key='item.id' :value='item.lable' :label='item.label'>  			</el-option>
			</el-select>
	</template>
</el-table-column>

option是写在data里面的数据。
scope.row.type是后台传来的数据，也就是默认绑定的是后端传过来的值。

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