el-select选择值之后试图没有更新的问题

最新推荐文章于 2024-07-18 14:31:57 发布
最新推荐文章于 2024-07-18 14:31:57 发布
阅读量1.3k 收藏 2
点赞数 2
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/piaocanY/article/details/117522794
版权

问题就是 在用element-ui的下拉框组件的时候，选择完值死活没有更新上去
查了办法一开始用的是给 select加个change事件，对数据强制刷新，this.$forceUpdate(); 没有生效

后来仔细看下代码，是因为el-select绑定值的问题。。。。
在这里插入图片描述
model 要绑定插槽里面的每一项 value值 解决
主要前段时间用的是ant-desgin-vue 现在之前碰到的问题忘了，之后会多总结遇到的问题，希望能帮助到初踩坑的你们

巧克力芋泥包
关注
  • 2
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
VUE动态添加el-select属性视图不更新
sinat_30580673的博客
04-11 6551
崩溃！！！ 上代码之反面教材 <el-form-item label="城市"> <el-select v-model="formInline.groupName" placeholder="城市" :disabled="specialDisabled"> <el-option v-for="item in company_...
Vue 项目 v-model 数组中的内容更新了，视图层没有更新的解决办法
时间飞逝的博客
03-28 3980
遇到的问题： 在Vue 项目中，通过 v-model 双向数据绑定，数据可以快速响应到页面上，但是有时候会发现，数组中的内容已经更新了，但是视图层却没有没有更新。 {{ arr }} // 一直都是[0] data(){ return{ arr:[0] } }, mounted() { setTimeout(() => { this...
element-ui表格嵌套下拉框数据变了，视图不更新（已解决）
m0_60704265的博客
09-08 3877
element-ui表格嵌套下拉框数据变了，视图不更新（已解决）
el-element中el-select选中值，数据已经改变但选择框中不显示值，需要其他输入框输入值才显示这个选择框才会显示刚才选中的值
最新发布
八月林城的博客
07-18 640
el-select 选择器再选择时，必须点击其他位置，才能显示选择框中的值
select视图不更新问题
qq_40711550的博客
02-10 1445
使用element 组件 下拉列表时 数据更新，视图不更新问题 是因为数据层次太多，render函数没有自动更新，需手动强制刷新。 使用vue强制刷新forceUpdate 方法 <el-select @change="$forceUpdate()" v-model="query.crontab" class="filter-item" placeholder="请选择调度时间"> <el-option v-for="(item,index) in option" :ke
element-ui el-select不更新问题
jiangjunyuan168的博客
11-04 5644
问题： <el-select v-model="editForm.type_id" placeholder="请选择分类"> <el-option v-for="(item,index) in getalltype" :key="item.index" :label="item.name" :value="item.id + ''"></el-option> </el-select> 在下拉框中选择某个值后，el-select绑定的值更新了但是页面显示没有
element中select，值更新视图不更新
Cang_Ye的博客
03-13 3815
一、 业务逻辑 使用el-table的自定义列功能，同一行数据的两列有互动，当一列（值来源）数据改变，另一列（默认值）的el-select无法选中值（实际v-model对应的数据已改变，但是页面上没有更新），如图： 二、原因 默认值这一列对应的select的v-model对应的字段是在table生成后动态插入的，初始的数据结构类似： //data 为el-table的data var data=[ {src:'param'} ] src字段改变后，在值来源的select的chan..
el-select选中后，值未更新的问题
卜卦的博客
03-11 3556
原因 数据层次太多，render函数没有自动更新，需手动强制刷新（this.$forceUpdate） 方法 给select添加change事件，强制刷新。具体代码 <el-select v-model="forms.district_id" size="mini" placeholder="区" @change="userDistricts" class="diredge-add...
el-table中有两行，行中嵌套el-select再嵌套el-tree，el-tree的筛选功能失效问题
06-26
在Element UI的表格（el-table）中，当你嵌套使用el-select（下拉选择器）和el-tree（树形控件），并且试图在el-tree部分应用筛选功能时，可能会遇到一些问题。这通常是因为el-tree组件有自己的数据管理和渲染机制，...
el-select没有刷新
08-19
- *1* [el-select选择值之后试图没有更新的问题](https://blog.csdn.net/piaocanY/article/details/117522794)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_...
html下拉框select多空白,空白HTML SELECT，下拉列表中没有空白项目
weixin_26841743的博客
06-03 1222
如何实现主题？当我写：aaaabbbb然后默认选择的项目是" aaaa"当我写：aaaabbbb然后默认选中的项目为空白，但此空白项目显示在下拉菜单中。如何使用隐藏在下拉列表中的默认空白值实现SELECT标签？默认选择选项的可能重复为空白只需使用禁用和/或隐藏属性：selected将此选项设为默认选项。disabled使此选项不可单击。style='display: none'使此选项在较旧的浏览...
jQuery中closest()函数用法实例
10-24
在这个例子中，我们试图通过`#childrenp`选择器找到`id`为`children`的`div`中的`<p>`元素，并设置其最近的`id`为`father`的`div`元素的边框。但是这个调用实际上并不会改变边框，因为`id`为`father`的`div`并不是`...
elementUI -el-select不更新问题
qq_40596488的博客
09-11 1833
elmentUI 踩坑之 elselect 出现问题： 选择下拉框的值并没有复制到输入框中；但其实值已经变了并没有更新到输入框中 解决办法： 即可解决；
element中el-select显示不更新的问题
qq_43153838的博客
01-22 933
element中el-select显示不更新的问题 - 芬达GG - 博客园 (cnblogs.com)
element的table里面用select，数据无法动态更新问题
q12as的博客
12-22 2526
时，在表单内嵌套表格，后端数据没有问题，但是选择器无数据，数据没有动态更新，可以直接给template加上一个slot-scope="scope"就能解决问题。
el-select绑定值已更新，页面选择框视图不更新问题
weixin_48682320的博客
05-22 2294
在一类，二类选择框中可正常动态选择类目值，三级类目中选择值后，无法在框中回显，查实v-model中绑定的值已成功改变。 使用$forceUpdate()强制刷新视图 因为数据层次太多，render函数没有自动更新，需手动强制刷新。 调用强制更新方法this.$forceUpdate()会更新视图和数据，触发updated生命周期。 ...
element el-select 动态创建绑定属性，视图不更新之-连环填坑
热门推荐
abcde158308的博客
07-05 1万+
&amp;amp;amp;lt;template&amp;amp;amp;gt; &amp;amp;amp;lt;div class=&amp;amp;quot;panelsPremium&amp;amp;quot;&amp;amp;amp;gt; &amp;amp;amp;lt;el-form ref=&amp;amp;quot;form&amp;amp;quot; :model=&amp;amp;quot;f
Element-ui的el-select组件使用记录:将el-select放到el-table中页面不更新问题的解决方案
weixin_45084986的博客
04-04 4560
本文主要记录多选操作 Element-ui官网参考 一、像下面这样直接使用，页面选择下拉列表数据，页面时不会更新的 <!-- 表格区开始 --> <el-table size="mini" :data="tableData" style="width: 98%"> <el-table-column label="select" width="100"> <!-- <template slot-scope="scope"> -->
el-select选择无变化 解决方案
m0_52724742的博客
04-26 6007
el-select选择无变化解决方案 问题重现 //伪代码 <el-select v-model='value'> <el-option v-for='item in options' :key='item.code' :label='item.label' :value='itrm.value' > </el-option> </el-select> <el-radio v-model="radio" labe
el-select选择的值
07-27
在 Vue.js 中，你可以使用 `v-model` 指令来绑定 `el-select` 组件的选中值。以下是一个示例： ```html <template> <el-select v-model="selectedValue"> <el-option label="Option 1" value="option1"></el-option> <el-option label="Option 2" value="option2"></el-option> <el-option label="Option 3" value="option3"></el-option> </el-select> </template> <script> export default { data() { return { selectedValue: '' // 初始化选中值 }; } }; </script> ``` 在上面的示例中，`v-model="selectedValue"` 将 `el-select` 的选中值与 `selectedValue` 数据属性进行双向绑定。你可以在 `data` 方法中初始化 `selectedValue`，或者将其设置为默认选中的项的值。 通过这种方式，你可以通过访问 `selectedValue` 属性来获取 `el-select` 组件的选中值。 希望对你有所帮助！如果还有其他问题，请随时提问。
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值