vue中elementui select标签选中后不生效问题

已于 2023-04-21 13:30:58 修改
阅读量2.5k 收藏 2
点赞数 1
分类专栏： vue 文章标签： vue.js
于 2021-06-01 14:17:53 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_45538554/article/details/117442210
版权

select标签选中后不生效，此时可以在标签属性中加上，@change事件。
比如我这里写的是：

@change="chooseDTChange"
chooseDTChange(){
	this.$forceUpdate()
}

（ps注意是change事件，不要写成@focus事件，虽然感觉可以行得通，但事实上却不起作用）

建筑安全转Java-张无忌
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
解决vue 更改计算属性后select选中值不更改的问题
08-27
下面小编就为大家分享一篇解决vue 更改计算属性后select选中值不更改的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue.js 解决v-model让select默认选中不生效的问题
10-15
主要介绍了vue.js 解决v-model让select默认选中不生效的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
el-select下拉框多选项勾选后无响应
weixin_44694172的博客
03-21 298
于是试了下用强制更新视图方法.forceUpdatevm.forceUpdate() 使Vue实例重新渲染后正常。操作复现：路由跳转后，根据路由参数判断赋值后发现下拉框无响应，刷新页面后操作没问题，似乎没有刷新过来？记录一下：在Vue 中使用el-select时选择后无响应，其他表单都能操作！这种问题大家是遇到就长记性了😒。
解决前端组件下拉框选择功能失效问题
CSNZのBlog
02-26 1282
解决前端组件下拉框选择功能失效问题
vue multiple el-select多选框勾选后无响应
liao_sp的博客
03-30 1165
vue multiple el-select勾选后无响应，用强制更新视图方法 $forceUpdate vm.$forceUpdate() 使Vue实例重新渲染
在 Vue3 + ElementPlus 项目中使用 el-autocomplete 控件
都随它大小便吧
07-13 1577
这个 el-autocomplete 控件颇为好用！在大量数据的情况下，其可以替换 el-select 控件，不会说卡顿得不行。另外，我发现当 element-plus 版本为2.2.32时，这个控件的clearable 属性失效，在使用当前最新版本2.3.9时，这个属性起效了，应该是修复了这个 bug 了吧。
element-ui中做select二连@change时遇到的问题（:model差异，整行row赋值导致自我设定值时不生效）
weixin_46037781的博客
07-23 680
文章目录一、:model和v-model是不一样的二、:model绑定的一些问题**把选择器的选中的值给到一个flag，然后通过flag给到上面表单的info中，一次性重新全部赋予到this.mdInfo****当前行的数据row整个和单个赋予到data的info中，会有差异** 一、:model和v-model是不一样的 v-model v-model是vue.js内置的双向数据绑定，只用于表单控件标签，如input、textarea ；例：直接对input做双向数据绑定。 <input ty
vue+element ui中select组件选择失效问题原因与解决方法
bossjing的博客
07-10 4747
.当表单form赋完值后，如果后续又对form中某一属性值进行操作如图： 此处对form中的attId进行操作 后续如果form表单组件中使用select组件同时绑定attId这个值 如图： 此时select选择框点击选项表单中是不做显示的也就是说选择完之后没有反应，此时应该在select组件上加上强制渲染 如图： ...
Vue + Elementui实现多标签页共存的方法
10-16
主要介绍了Vue + Elementui实现多标签页共存的方法，本文通过实例代码给大家介绍的非常详细，具有一定的参考借鉴价值,需要的朋友可以参考下
解决vue+elementui项目打包后样式变化问题
10-15
主要介绍了解决vue+elementui项目打包后样式变化问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
vue.js 利用v-model让select默认选中不生效的问题
热门推荐
qq_34553374的博客
08-15 1万+
笔者今天在开发中遇到一个看起来很神奇的问题，平时编辑的页面我们select下拉选框利用vue.js 的v-model来实现自动选中，今天无论如何都选不中，后来经过很久的复查和大神的一句话终于解决这个这个问题，顺便分享一下。 问题 先上代码： 上图是前端的H5页面 下面是js代码： 一眼看上好像也没有什么问题。js 在初始化的时候，调用后台接口，取到数据然后传递给vue里面定义...
element-ui的Loading组件不渲染, 也不报错
ahq2018的博客
03-17 1965
项目场景： vue应用, 想着在路由变化的时候, 有一个加载的过程, 正好有用到element-UI, 直接使用其中的Loading组件 问题描述 思路是: 监听到路由变化时, 开启Loading, 当前路由组件获取到数据后, 关闭Loading. 开启Loading时, 是通过在<router-view>上的id获取开启Loading的target选项. 结果在路由变化时, 页面并没有效果. 检查页面, 没有渲染, 但也没报错 <router-view :searchWords=
vue element-UI 多个 select 回显成功，但是选中无反应
weixin_30527143的博客
07-31 791
参考文章 vue开发（四）element的select下拉框设定初值后，不能重新选择的问题 参考文章 element模态框dialog中的select组件中选中无反应 原因 下拉框数据是循环别的接口得来的，因为数据层次太多，render函数没有自动更新，需手动强制刷新 解决方案 添加 @change="$forceUpdate()" 强制更新视图 <el-select v-...
element模态框dialog中的select组件中选中无反应
PGguoqi的博客
05-16 9512
准确说，是在dialog的el-from组件中的el-select组件，打开模态框时，对select绑定的数据重新赋值value1，select视图层状态会变成value1，但之后变更option选项，select视图层*不再更新。 一般是在新建或编辑数据，弹出dialog模态框，在弹窗的表单里对该条数据进行编辑修改。 <el-dialog :visible.sync="dialogEdit...
antdesign of vue关于a-select下拉框选择不生效问题
DENGHANJIE123的博客
09-02 5966
antdesign of vue关于a-select下拉框选择不生效问题
VUE 项目 自动按需导入
最新发布
不想成为可以改变世界的程序员，不是一个好程序员
04-22 507
你是否有这样的苦恼，每个.vue都需要导入所需的vue各个方法 unplugin-auto-import 库 Vite、Webpack和Rollup的按需自动导入API 本章提供Vite、Webpack中使用说明
elementui select 默认选中
04-26
解决这个问题的方法是在 <el-select> 标签中使用 v-model 属性绑定一个数据变量，该变量的值即为默认选中的选项的值。例如： <el-select v-model="selectedOption"> <el-option label="选项1" value="option1"></el-option> <el-option label="选项2" value="option2"></el-option> <el-option label="选项3" value="option3"></el-option> </el-select> 其中，selectedOption 为数据变量，可以在 Vue 实例中定义。默认情况下，该变量的值应该与需要默认选中的选项的值相等。这样，在页面渲染时，该选项就会自动被选中。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

建筑安全转Java-张无忌

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值