ARTICLE DETAIL

资讯详情

深耕网站建设与运营推广的一线实战洞察。

vue-element el-select 赋值选择项后选择事件不生效

vue-element el-select 赋值选择项后选择事件不生效

1、截图

image

2、描述

2.1 控件代码

          <el-form-item label="处理状态" prop="processStatus"><el-select v-model="form.processStatus"@change="$forceUpdate()"placeholder="请选择处理状态" style="width: 42%"><el-option v-for="item in processList":key="item.value":label="item.label":value="item.value"></el-option></el-select></el-form-item>

2.2 初始化代码

data() {return {...form: {processStatus: null,},processList:[{value: "1",label: "处理完成"},{value: "2",label: "未完成处理"}],};
}

2.3 查询数据库(或者其他操作对下拉列表)重新赋值

 

// 例如查询数据库从新赋值
this.form.processStatus="1";

2.4 选择事件不生效。还是默认的选择值,无法对列表进行选择

// 必须添加强制刷新,也就是页面中红色字体部分,弄个半天时间。记录下希望对使用者有用,转载请说明出处。

 @change="$forceUpdate()" 

 

返回列表