网上搜到的方法都是v-model
用value
替换
但是不适用于我的项目上,在一点一点排查之后发现是切换单双选导致的数据不回显
<el-cascader
ref="cascaderRef"
v-model="form.modelList"
:options="options"
clearable
filterable
placeholder="请选择"
:props="{
label: 'objectName',
value: 'objectId',
multiple: isMultiple,
}"
@change="handleChangeModelId"></el-cascader>
就是multiple: isMultiple
这一行导致,所以就直接写两个组件用v-show
去切换组件
<!-- 单选多选切换会导致回显不上数据,所以v-show切换组件 -->
<el-cascader
v-show="!form.type"
ref="cascaderRef"
v-model="form.modelList"
:options="options"
clearable
filterable
placeholder="请选择应用对象"
:props="{
multiple: true,
}"
@change="handleChangeModelId"></el-cascader>
<el-cascader
v-show="!!form.type"
ref="cascaderRef"
v-model="form.modelList"
:options="options"
clearable
filterable
placeholder="请选择应用对象"
@change="handleChangeModelId"></el-cascader>