关于el-select和el-cascader的v-model绑定值

1.el-select

(1)单选:v-model绑定的是字符串或者Number

data(){
	return {
		value: '1'
	}
}
<el-select v-model="value"></el-select>

(2)多选:v-model绑定的是一维数组[‘1’,‘2’],数组中存放的是id的值

data(){
	return {
		value: ['1','2']
	}
}
<el-select v-model="value" multiple></el-select>

2.el-cascader

(1)单选:v-mode绑定的是一维数组[‘1’,‘2’],数组中存放的是id的值

data(){
	return {
		value: ['1','2']
	}
}
<el-cascader v-model="value"></el-cascader>

(2)多选:v-model绑定的是二维数组[[1,2,3],[1,2,4],[1,2,5]],数组中存放的是从父级到最后一级子级的id

data(){
	return {
		value: [[1,2,3],[1,2,4],[1,2,5]]
	}
}
<el-cascader v-model="value" multiple></el-cascader>

你可能感兴趣的:(vue,javascript,vue.js,elementui,前端)