• 出现场景:

el-select多选在编辑时给v-model绑定的数组重新赋值,这样多选框能实现回显数据。但是没法再次对下拉框的内容进行更改,去掉原来的或者勾选新的都不可以。

  • 解决办法:

@change="$forceUpdate()"

具体实例如下

<el-form-item label="项目成员:" prop="userId">
    <el-select
        v-model="setForm.userIdList"
        filterable
        multiple
        @change="$forceUpdate()"
    >
        <template v-for="item in userlist">
            <el-option :key="item.id" :label="item.name" :value="item.id"></el-option>
        </template>
    </el-select>
</el-form-item>
Logo

DAMO开发者矩阵,由阿里巴巴达摩院和中国互联网协会联合发起,致力于探讨最前沿的技术趋势与应用成果,搭建高质量的交流与分享平台,推动技术创新与产业应用链接,围绕“人工智能与新型计算”构建开放共享的开发者生态。

更多推荐