脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → vue.js → el-select没法重新选择和更改

vue中el-select中多选回显数据后没法重新选择和更改的解决

 更新时间：2024年01月16日 15:50:08   作者：小叮当仁不让  
本文主要介绍了vue中el-select中多选回显数据后没法重新选择和更改解决,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧

本文主要介绍了vue中el-select中多选回显数据后没法重新选择和更改的解决，分享给大家，具体如下：

<el-form-item label="展示内容" prop="videoId">
  <el-select class="modal-input" multiple v-model="form.videoId">
      <el-option
         class="modal-input"
         v-for="(item) in videoIdTypes"
         :key="item.id"
         :label="item.videoName"
         :value="item.id"
        ></el-option>
  </el-select>
</el-form-item>

点击选择和删除都无效

在这里插入图片描述

添加事件，实现选择一次就刷新，迫使 Vue 实例重新渲染

<el-form-item label="展示内容" prop="videoId">
  <el-select class="modal-input" multiple v-model="form.videoId"  @change="$forceUpdate()">
      <el-option
         class="modal-input"
         v-for="(item) in videoIdTypes"
         :key="item.id"
         :label="item.videoName"
         :value="item.id"
        ></el-option>
  </el-select>
</el-form-item>

 到此这篇关于vue中el-select中多选回显数据后没法重新选择和更改的文章就介绍到这了,更多相关el-select没法重新选择和更改内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

相关文章

  • vue-element-admin如何从mock数据过渡到使用后台接口

    vue-element-admin如何从mock数据过渡到使用后台接口

    这篇文章主要介绍了vue-element-admin如何从mock数据过渡到使用后台接口问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
    2023-04-04
  • Ant Design Vue Table组件合并单元格方式

    Ant Design Vue Table组件合并单元格方式

    这篇文章主要介绍了Ant Design Vue Table组件合并单元格方式，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
    2023-04-04
  • 分离vue文件中css、js代码的简单技巧

    分离vue文件中css、js代码的简单技巧

    这篇文章主要给大家介绍了关于分离vue文件中css、js代码的简单技巧,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2022-03-03
  • Vue select 绑定动态变量的实例讲解

    Vue select 绑定动态变量的实例讲解

    这篇文章主要介绍了Vue select 绑定动态变量的实例讲解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2020-10-10
  • vue使用动态组件手写Router View实现示例

    vue使用动态组件手写Router View实现示例

    这篇文章主要为大家介绍了vue使用动态组件手写RouterView实现示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2023-06-06
  • django中使用vue.js的要点总结

    django中使用vue.js的要点总结

    在本篇文章里小编给各位整理了关于django中使用vue.js需要注意的地方以及相关知识点，需要的朋友们跟着学习参考下。
    2019-07-07
  • 一步步教你用Vue.js创建一个组件(附代码示例)

    一步步教你用Vue.js创建一个组件(附代码示例)

    组件(Component)是Vue.js最强大的功能之一,组件可以扩展HTML元素,封装可重用的代码,下面这篇文章主要给大家介绍了关于如何一步步用Vue.js创建一个组件的相关资料,需要的朋友可以参考下
    2022-12-12
  • Vue 同步异步存值取值实现案例

    Vue 同步异步存值取值实现案例

    这篇文章主要介绍了Vue 同步异步存值取值实现案例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2020-08-08
  • vue页面跳转实现页面缓存操作

    vue页面跳转实现页面缓存操作

    这篇文章主要介绍了vue页面跳转实现页面缓存操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
    2020-07-07
  • Vue3更高效的构建工具Vite使用指南

    Vue3更高效的构建工具Vite使用指南

    这篇文章主要给大家介绍了关于Vue3更高效的构建工具Vite使用的相关资料,Vite是一种面向现代浏览器的一个更轻、更快的前端构建工具,能够显著提升前端的开发体验,需要的朋友可以参考下
    2023-10-10

最新评论