问题描述:

用element的select下拉框之后,在回显后有初始值的情况下,不能修改,也不能选择

        

如图,明明点击了一般内勤主管,但没有任何反应

<el-select v-model="editContent.position" multiple placeholder="请选择">
    <el-option
         v-for="item in positionOptions"
         :key="item.code"
         :label="item.codeName"
         :value="item.code">
     </el-option>
 </el-select>

editContent.position赋值格式为数组格式,赋值可以显示,说明赋值格式无误

经过各种尝试,发现,可能是因为下拉框的state层次太深,数据更改没有触发rendeer,所以用

$forceUpdate()强制更新视图:

<el-select v-model="editContent.position"
	multiple
	placeholder="请选择"
	@change="$forceUpdate()">
    <el-option
        v-for="item in positionOptions"
        :key="item.code"
        :label="item.codeName"
        :value="item.code">
    </el-option>
</el-select>

转载

vue开发(四)element的select下拉框设定初值后,不能重新选择的问题_疯糖的博客-CSDN博客

Logo

前往低代码交流专区

更多推荐