Vue+Element+Select下拉框回显后无法再次选择修改

在这里插入图片描述

原因:下拉框数据是循环别的接口得来的,因为数据层次太多,render函数没有自动更新,需手动强制刷新。
1、单个加入:

<el-select v-model="ruleForm.brandId" placeholder="请选择"@change="$forceUpdate()"></el-select>

2、方法已存在,在方法内执行:

<el-select v-model="ruleForm.brandId" placeholder="请选择"@change="handleChange"></el-select>
handleChange () {
    
    
	this.$forceUpdate();
	// 其他操作
}

3、在数据回显方法内用**$set**给属性赋值:

this.$set(this.ruleForm, 'brandId', row.carBrandCode);

如有错误或不足,欢迎各位大佬评论指正。

猜你喜欢

转载自blog.csdn.net/weixin_44711440/article/details/121636232