首页 > 其他分享 >elementui el-select多选进行初始化后,重新选择选不上问题完美解决。

elementui el-select多选进行初始化后,重新选择选不上问题完美解决。

时间:2024-03-06 18:22:33浏览次数:20  
标签:el Vue 多选 elementui 选不上 视图 初始化 forceUpdate

问题描述:
elect多选进行初始化后,重新选择选不上?

这个问题之前也遇到了,但是一直都是采用两个变量解决的。今天百度终于找到一个好的解决方法。

 

 

 

初始化后,点击选项选择不上,后来加了@change=“selectChangeMethod”进行了强制刷新,然后完美解决。

 

 

===========================

this.$forceUpdate() 是 Vue 实例的一个方法,用于强制组件重新渲染。在一些情况下,Vue 可能无法侦测到数据的变化,导致视图不会更新。通过调用 $forceUpdate() 方法,可以强制组件重新渲染,即使数据没有发生变化。

通常情况下,Vue 使用响应式系统来追踪数据的变化并自动更新视图。但是有时候,在特殊情况下,如果你修改了数据,但 Vue 没有检测到这种变化,那么可以通过手动调用 $forceUpdate() 来强制组件重新渲染以确保视图与数据同步。

请注意,使用 $forceUpdate() 并不是最佳实践,因为它会绕过 Vue 的响应性系统。应该尽量避免频繁使用 $forceUpdate(),而是考虑检查数据绑定或其他方式来确保数据的正确性和视图的更新。



标签:el,Vue,多选,elementui,选不上,视图,初始化,forceUpdate
From: https://www.cnblogs.com/fei686868/p/18057268

相关文章

  • 【RS】Sentinel-2哨兵二号数据预处理(大气校正、重采样、波段组合)
    ​    刚分享过新版欧空局的数据下载教程,正好把哨兵2号预处理的教程也分享一下,主要就是使用官方插件Sen2or对L1C级数据进行大气校正,使用SNAP软件对L2A级数据进行重采样并导出ENVI可以打开的格式,最后使用ENVI对重采样后的数据进行波段组合,以便于后期的定量分析。1.软件......
  • el-tree数据量过大导致页面卡顿
    问题:el-tree等树形结构,当数据量非常大,渲染会很慢解决方案:懒加载方法:设置lazy属性为true,当点击父级节点时,再通过load方法加载子列表。优点:使用简单。缺点:不能做回显,无法展开全部节点。虚拟列表方法:使用插件或者自己实现一个虚拟列表(推荐:https://sangtian152.github.io/v......
  • Elasticsearch集群生产配置
    集群配置在组建集群时,需要额外添加集群相关的配置,如节点角色、集群发现、初始主节点、主节点选举和安全认证等,以下配置均在上篇创建Elasticsearch单机实例的基础上搭建。设置集群名称vielasticsearch.yml#统一集群名字cluster.name:my-application#移除该配置discover......
  • Python list列表pop弹出内容del移除内容结果不对错误
    前言全局说明Pythonlist列表pop弹出内容del移除内容结果不对一、功能需求一个list列表,内容是1-9,用for循环打印,打印过的值,从列表中删除二、输出结果不对,代码有问题文件名:test.py#!/usr/bin/envpython3#coding:UTF-8#-*-coding:UTF-8-*-lists_1=['a','b']......
  • excel 自动新增以及填充数据
    拿下图举例: 客户编码需要自增一直到结尾1、选中第一行ctrl+shift+箭头下2、选择开始==》填充==》序列==》等差序列 设置步长即可 ......
  • Label组件中显示本地图片
    在Label组件中显示本地图片,通常涉及将图片文件加载到程序中,并将其作为图像对象设置到Label上。这里以Python的Tkinter库为例,介绍如何在Label组件中显示本地图片:导入必要的库:fromtkinterimportTk,Label,PhotoImagefromPILimportImage,ImageTkimportos加载本地图......
  • BeanShell 如何加密加签?
    一首先我们要搞清楚接口签名步骤:**第一步:初步实现接口****第二步:找开发拿到算法和key***key:sAHDRNJg0ZevmEn7HwBfbw==*算法:HmacMD5咱们就找一个https://www.wenjiangs.com/doc/85uwistv*在JMeter当中,需要引入第三方的包才能支持HmacMD5**第三步:问开发生成sign的逻辑**......
  • VUE通过for循环一行显示多列el-row
    效果图: 代码: <template><el-row:gutter="0"v-for="(item,index)inarrLen":key="item.name"style="height:200px">......
  • Docker启动单机elasticsearch生产配置
    宿主机目录挂载在docker容器中运行elasticsearch时,需要进行配置、插件、日志和数据文件的挂载。创建挂载文件切换es用户sues01创建es本地目录cd/data&&mkdires_node1在es_node1下面创建配置、日志、数据目录cd/data/es_node1&&mkdirlogsdataconfigplugins基......
  • 29. 绑定 Gameplay Panel 数据
    本节目标当玩家抽卡、弃卡的时候,抽牌堆和弃牌堆的数量要与实际的保持一致实现方法添加抽牌堆数量和弃牌堆数量变更事件抽牌弃牌的时候发布事件绑定广播事件GameplayPanel接收事件首先GameplayPanel需要在OnEnable的时候,绑定相关的UI元素当事件到来的时候,调用Up......