当前位置： 首页 > news >正文

解决前端组件下拉框选择功能失效问题

news 2026/5/12 9:17:57

问题：

页面下拉框选择功能失效

现象：

在下拉框有默认值的情况下，点击下拉框的其他值，发现并没有切换到其他值
但是在下拉框没默认值的情况下，功能就正常

原因

select 已经绑定选项（有默认值）
在选择其他选项时，render函数没有自动更新，数据刷新了但是视图没有刷新

解决步骤：

1、select 组件绑定事件
2、事件调用 this.$forceUpdate() 强制刷新组件

一、select 组件绑定事件

在<el-select>标签上绑定一个自定义刷新事件，注意此处方法是没带括号的

在这里插入图片描述

二、事件调用 this.$forceUpdate() 强制刷新组件

在自定义刷新方法中，调用 this.$forceUpdate() 强制刷新组件

在这里插入图片描述

相关文章：

解决前端组件下拉框选择功能失效问题

问题&#xff1a; 页面下拉框选择功能失效 现象&#xff1a; 在下拉框有默认值的情况下&#xff0c;点击下拉框的其他值&#xff0c;发现并没有切换到其他值 但是在下拉框没默认值的情况下&#xff0c;功能就正常 原因 select 已经绑定选项&#xff08;有默认值&#xff09; 在…...

编程日记 2023/2/26 23:51:06

Linux_vim编辑器入门级详细教程

前言&#xff08;1&#xff09;vim编辑器其实本质上就是对文本进行编辑&#xff0c;比如在.c文件中改写程序&#xff0c;在.txt文件写笔记什么的。一般来说&#xff0c;我们可以在windows上对文本进行编译&#xff0c;然后上传给Linux。但是有时候我们可能只是对文本进行简单的…...

编程日记 2023/2/26 23:50:00

TCP 的演化史-TCP 是一个过渡

TCP 诞生于 1970 年代早期&#xff0c;彼时没有分组交换网的大规模应用&#xff0c;彼时绝大多数通信都在使用电话&#xff0c;电报&#xff0c;电挂等电路交换技术。 诞生在这种环境下的技术不可能脱离时代的影响&#xff0c;如果一个孩子出生在一个父母关系冷漠的家庭&#x…...

编程日记 2023/2/26 23:48:51

Flask

Flask第三方组件非常全&#xff0c;适合小型 API服务类项目&#xff0c;但第三方组件运行稳定性相对Django差。 基础知识 Flask安装 pip install flask2.0.3Flask库文件 Jinjia2&#xff1a;模板渲染库Markupsafe&#xff1a;返回安全标签 只要Flask返回模板或者标签时都会…...

编程日记 2023/2/26 23:47:47

SAP系统与MES系统的数据协同技术方案

1&#xff0e;MES介绍 本文中提到的MES系统是在西门子公司的SIMATIC IT平台上开发完成。所有的应用子系统进行统一分析、统一设计、统一开发&#xff0c;利用统一的开发平台和数据库系统&#xff0c;保证了管理系统的集成性、高效性。 2&#xff0e;数据协同接口包含的…...

编程日记 2023/2/26 23:46:40

2018年蓝桥杯省赛试题-5道(Python)

文章目录一、日志统计思考二、递增三元组思考三、螺旋折线思考四、乘积最大思考五、全球变暖思考尾声提示&#xff1a;以下是本篇文章正文内容&#xff0c;下面案例可供参考 一、日志统计 题目描述 小明维护着一个程序员论坛。 现在他收集了一份"点赞"日志&#xf…...

编程日记 2023/2/26 23:45:31

Python稀疏矩阵最小二乘法

文章目录最小二乘法返回值测试最小二乘法 scipy.sparse.linalg实现了两种稀疏矩阵最小二乘法lsqr和lsmr&#xff0c;前者是经典算法&#xff0c;后者来自斯坦福优化实验室&#xff0c;据称可以比lsqr更快收敛。 这两个函数可以求解AxbAxbAxb&#xff0c;或arg min⁡x∥Ax−b…...

编程日记 2023/2/26 23:43:21

mac本前端Homebrew下载，操作

1、打开电脑终端 2、下载Homebrew&#xff0c;在终端中输入 /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"开始下载Homebrew&#xff0c;因为这个地址是国外网站&#xff0c;下载失败的话&#xff0c;输入…...

编程日记 2023/2/26 23:42:15

Linux系统之查看进程监听端口方法

Linux系统之查看进程监听端口方法一、端口监听介绍二、使用netstat命令1.netstat命令介绍2.netstat帮助3.安装netstat工具4.列出所有监听 tcp 端口5.显示TCP端口的统计信息6.查看某个服务监听端口三、使用ss命令1.ss命令介绍2.ss命令帮助3.查看某个服务监听端口四、使用lsof命令…...

编程日记 2023/2/26 23:41:09

使用命令别名一键启动arthas

1. 使用命令别名启动arthas 确保单板上有jdk和arthas jdk目录&#xff1a;/home/xinliushijian/arthas/jdk arthas目录&#xff1b;/home/xinliushijian/arthas su xinliushijian编写脚本messi.sh cd /home/xinliushijian/arthas vi messi.sh 内容如下&#xff1a; #!/bin/ba…...

编程日记 2023/2/26 23:40:05

python+pytest接口自动化(2)-HTTP协议基础

HTTP协议简介HTTP 即 HyperText Transfer Protocol&#xff08;超文本传输协议&#xff09;&#xff0c;是互联网上应用最为广泛的一种网络协议。所有的 WWW 文件都必须遵守这个标准。设计 HTTP 最初的目的是为了提供一种发布和接收 HTML 页面的方法。HTTP 协议在 OSI 模型中属…...

编程日记 2023/2/26 23:38:58

操作系统权限提升(十五)之绕过UAC提权-基于白名单DLL劫持绕过UAC提权

系列文章 操作系统权限提升(十二)之绕过UAC提权-Windows UAC概述 操作系统权限提升(十三)之绕过UAC提权-MSF和CS绕过UAC提权 操作系统权限提升(十四)之绕过UAC提权-基于白名单AutoElevate绕过UAC提权 注&#xff1a;阅读本编文章前&#xff0c;请先阅读系列文章&#xff0c;以…...

编程日记 2023/2/26 23:37:51

非常好看的html网页个人简历

一. 前言 文末获取gitee链接 在前几天逛b站的时候&#xff0c;发现了个比较实用的东西-----个人简介网页版&#xff0c;相当于网页版的个人简历&#xff0c;相较于PDF形式的&#xff0c;网页版所能呈现内容更加丰富&#xff0c;而且更加美观&#xff0c;在BOOS上被HR小姐姐要…...

编程日记 2023/2/26 23:36:47

轻量级网络模型ShuffleNet V2

在学习ShuffleNet V2内容前需要简单了解卷积神经网络和MobileNet,以及Shuffnet V1的相关内容&#xff0c;大家可以出门左转&#xff0c;去看我之前的几篇博客MobileNet发展脉络&#xff08;V1-V2-V3&#xff09;&#xff0c;轻量级网络模型ShuffleNet V1&#x1f197;&#xff…...

编程日记 2023/2/26 23:35:40

分享美容美发会员管理系统功能的特点_美容美发会员管理系统怎么做

人们越来越关心美发&#xff0c;美发行业发展迅速&#xff0c;小程序可以连接在线场景&#xff0c;许多美发院也开发了会员卡管理系统。那么一个实用的美发会员管理系统怎么制作呢&#xff1f;它有什么功能&#xff1f;我们一起来看看~&#xff08;干货满满&#xff0c;耐心看完…...

编程日记 2023/2/26 23:34:31

Oracle-05-DCL篇

🏆一、简介 Oracle的DCL代表数据库控制语言，用于管理数据库对象的访问和安全性。DCL的两个主要命令是GRANT和REVOKE。 GRANT命令用于授予用户或角色对数据库对象的访问权限，例如表、视图或存储过程。GRANT命令的语法如下： GRANT privilege_name [, privilege_name]... …...

编程日记 2023/2/26 23:33:22

tess4j简单使用入门

tess4j下载 下载地址: https://sourceforge.net/projects/tess4j/ 不要直接下载,点击files,然后下载最新版 下载解压后放到指定的目录即可,这里放到d:\jar目录下 tess4j根目录: d:\jar\tess4j tess4j使用 把test4j项目目录中dist和lib目录下的所有jar包导入到需要的项目中…...

编程日记 2023/2/26 23:32:11

WebGPU学习（4）---使用 UniformBuffer

接下来让我们使用 UniformBuffer。UniformBuffer 是一个只读内存区域&#xff0c;可以在着色器上访问。 这次&#xff0c;我们将传递给着色器的矩阵存储在 UniformBuffer 中。演示示例 1.在顶点着色器中的 UniformBuffer 这次我们在顶点着色器里定义一个名为Uniforms的新结构体…...

编程日记 2023/2/26 23:30:59

Http客户端Feign-远程调用

Feign的使用步骤 引入依赖添加EnableFeignClients注解编写FeignClient接口使用FeignClient中定义的方法代替RestTemplate Feign的日志配置 1.方式一是配置文件&#xff0c;feign.client.config.xxx.loggerLevel 如果xxx是default则代表全局如果xxx是服务名称,例如userservi…...

编程日记 2023/2/26 23:29:49

RK3568镜像的拆包和打包

文章目录 前言一、window上分包和打包分包打包二、Linux上分包和打包分包打包总结前言 本文记录在win10上利用瑞芯微提供的工具进行分包和打包，同样也有Linux教程 提示：以下是本篇文章正文内容，下面案例可供参考 一、window上分包和打包 分包 window下一般直接利用工具即…...

编程日记 2023/2/26 23:28:41

量子计算误差缓解技术：Qiskit实现与工程实践

1. 量子计算误差缓解的必要性与挑战在当前的NISQ&#xff08;Noisy Intermediate-Scale Quantum&#xff09;时代&#xff0c;量子计算机的硬件限制使得误差累积成为阻碍实用化的主要瓶颈。以氢分子基态能量计算为例&#xff0c;未经误差缓解的VQE计算结果可能偏离理论值达20%以…...

编程新知 2026/5/12 9:00:20

从Concur到特斯拉：为什么伟大产品始于“丑陋”的1.0版本

1. 从一笔74亿美元的收购案说起&#xff1a;为什么别急着给1.0产品判死刑 前几天翻看一些旧资料&#xff0c;看到一篇2014年的行业评论&#xff0c;讲的是德国软件巨头SAP以74亿美元的天价&#xff0c;收购了一家名叫Concur的西雅图公司。当时很多人觉得不可思议&#xff0c;Co…...

编程新知 2026/5/12 8:03:08

LED照明技术演进中的杰文斯悖论：从节能到光污染的双刃剑效应

1. 从“省电”到“光污染”&#xff1a;LED照明技术的双刃剑效应作为一名在电子工程和消费电子领域摸爬滚打了十几年的从业者&#xff0c;我见证了一波又一波的技术浪潮。从CRT到LCD&#xff0c;从机械硬盘到固态硬盘&#xff0c;每一次技术迭代都伴随着“更高效、更节能、更便…...

编程新知 2026/5/12 7:57:01

Switch大气层系统完整教程：从零开始打造稳定自制系统环境

Switch大气层系统完整教程&#xff1a;从零开始打造稳定自制系统环境 【免费下载链接】Atmosphere-stable 大气层整合包系统稳定版 项目地址: https://gitcode.com/gh_mirrors/at/Atmosphere-stable 大气层系统&#xff08;Atmosphere&#xff09;是任天堂Switch平台上最…...

编程新知 2026/5/12 7:41:36

OpenClaw 长期使用避坑指南：环境稳定性维护、数据备份策略、版本兼容处理全方案

OpenClaw 长期使用避坑指南&#xff1a;环境稳定性维护、数据备份策略、版本兼容处理全方案引言OpenClaw 作为一款强大的开源自动化抓取与数据处理平台&#xff0c;因其灵活性、可定制性和社区支持&#xff0c;在众多领域如数据采集、RPA&#xff08;机器人流程自动化&#xff…...

编程新知 2026/5/12 7:33:25

AI文本处理利器：MCP服务器实现结构化信息提取与智能解析

1. 项目概述&#xff1a;一个为AI应用注入结构化文本处理能力的MCP服务器 最近在折腾AI应用开发&#xff0c;特别是那些需要让大语言模型&#xff08;LLM&#xff09;与外部工具和数据源打交道的场景&#xff0c;我发现一个核心痛点&#xff1a;如何高效、可靠地将非结构化的文…...

编程新知 2026/5/12 7:13:54

ML：Q 学习的基本原理与实现

在强化学习中&#xff0c;模型面对的不是一批固定样本&#xff0c;而是一个可以不断交互的环境。智能体&#xff08;Agent&#xff09;在某个状态下采取动作&#xff0c;环境给出奖励&#xff0c;并进入新的状态。智能体的目标不是只看当前一步是否得分&#xff0c;而是学习一种…...

编程新知 2026/5/12 7:07:50

TimescaleDB Helm Charts 项目停止维护后的应对策略与迁移指南

1. 项目概述与背景如果你正在Kubernetes上寻找一种可靠、可扩展的方式来部署时序数据库&#xff0c;那么TimescaleDB的Helm Charts项目曾经是一个绕不开的选项。这个由Timescale官方维护的仓库&#xff0c;旨在为开发者提供一套标准化的、声明式的部署方案&#xff0c;让你能通…...

编程新知 2026/5/12 5:45:40

TS3380,TS3480,ts8220,ts6150,ts5380,G1810,G2000,G2010,G2800,G2810报错5B00,P07,E08，1700，5b04废墨垫清零,亲测有用。

下载&#xff1a;点这里下载 备用下载&#xff1a;https://pan.baidu.com/s/1WrPFvdV8sq-qI3_NgO2EvA?pwd0000 常见型号如下&#xff1a; G系列 G1000、G1100、G1200、G1400、G1500、G1800、G1900、G1010、G1110、G1120、G1410、G1420、G1411、G1510、G1520、G1810、G1820、…...

编程新知 2026/5/12 5:41:39

基于Ollama构建本地大模型智能体：从原理到工程实践

1. 项目概述&#xff1a;当本地大模型遇上智能体框架最近在折腾本地大模型应用开发的朋友&#xff0c;估计都绕不开一个核心问题&#xff1a;如何让一个“聪明”的模型&#xff0c;不仅能回答问题&#xff0c;还能像真正的助手一样&#xff0c;自主调用工具、处理复杂任务&…...

编程新知 2026/5/12 5:22:58