iview中 Select 组件远程搜索遇到的问题

最新推荐文章于 2024-04-21 02:04:10 发布
最新推荐文章于 2024-04-21 02:04:10 发布
阅读量2.3k 收藏 1
点赞数 1
分类专栏： iview组件使用 文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/z_xiaokeng/article/details/107716081
版权

在使用iview 的select组件，使用远程搜索，遇到了问题，需求上需要回显初始数据，总是回显不了，仔细查找文档发现要使用label属性，文档明确指出：

因为自己没有仔细看文档，浪费了时间。特此记录。每天进步一点点

z_xiaokeng
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
【知识整理】iview远程搜索选择框，删除后再次打开不显示的bug
qq_19891827的博客
05-11 5333
现在使用iview的远程搜索选择框时需要到了这样一个问题，输入框在一个模态框里，打开模态框删除选择框中的内容时，关闭模态框，再次打开模态框时无法为选择框赋上原来的值。查了很多资料也没找到原因，这应该是iview的一个bug。删除前显示模态框时，远程搜索选择框显示的内容如下图，不了解iview远程搜索输入框的盆友，请移步https://www.iviewui.com/components/selec...
完美解决iview 的select下拉框选项错位的问题
08-27
在使用iview的过程中，我们可能会遇到select下拉框选项错位的问题，当弹出框超过一屏需要滚动时，select的下拉选项会出现错位。这种问题的出现可能是由于iview组件的样式设置引起的。 在iview中，select下拉框组件...
iview填坑记
betty_grant的博客
10-12 337
select数据回显
iview框架的select碰到回显深坑，解决方案！
xlecho的博客
05-08 5968
iview框架的select碰到回显深坑，求解决方案！ 具体代码和问题如下： 问题描述使用select控件，并使用该控件的远程搜索功能，当将该功能添加在新增model里面的时候，正常使用，当在详情model里面复用该控件的时候回显出现问题，回显的时候，只要有变动数据该控件就会显示空。但是再次变动该控件的内容的时候，显示值又出现了。 页面代码如下： <template> <di...
el-select下拉框远程搜索且多选时，编辑需要回显的一个简单案例
最新发布
天渺(喵)工作室
04-21 1407
前端业务开发中不管使用vue2~3，还是react，angular各种前端技术栈，经常会遇到这种业务。一个下拉框Select中，不仅需要需要**支持远程模糊搜索，还需要支持多选。并且在编辑时，还能正常把已经多选好的内容回显到Select中。** #### 用Vue3+ElementPlus+TS举一个简单的案例。
iview select 远程搜索 default-label 变量返显
weixin_43081148的博客
10-19 1266
iview select 远程搜索 default-label 变量返显 问题场景 前言 : 人员检索,传值id,返显name 方法一: ref方式 需要对源代码有一定理解 //组件部分 <template> <Select filterable ref="select" :value="value" :remote-method="remoteMethod" :default-label="value2" :loading="lo
解决iview select搜索框数据回显问题
xniYa的博客
04-03 887
回显的值必须是字符串（String ），不能是数字（Number）型可以加一个空字符串，转一下。例如：name+""
iView Select组件回显失败、设置默认值失败问题总结（！！！注意select绑定的value值数据类型是否一致）
Wzmlzrr的博客
03-01 2696
iView Select组件回显失败、设置默认值失败问题总结（！！！注意select绑定的value值数据类型是否一致）
iView中的Select远程搜索执行三次
像鱼的博客
10-21 2102
昨天做项目遇到一个新需求，就是将原来选择下拉框变成可搜索的，可模糊查询的。由于数据是键值对返回的，所以改起来很费劲。 我在想用AutoComplete虽然方便，但是这个方法就把键值对分开传值了，其他页面回显信息的时候也得大改，emmmm,恕小的比较懒。我想大家都不想改动代码，就还是用Select组件实现吧。以下是实现遇到得bug，一个让人头皮发麻的bug！！！ 使用了select的属性：remote-method,来定义一个搜索的方法；on-chang定义选中选项的方法 <Select
iview框架 select组件使用自定义模板+远程搜索，赋值无效
qq_32900003的博客
05-06 1359
想回显label的值的，只能在option选项的value属性中绑定label值，说白了：此时的label和value属性都绑定到了真实的label，这一切仅为了手动赋值时的回显，然后用自定义click option事件代替控件自带的选中，传递参数为对象（该对象中包含了真实的label、vlaue值），需要你手动设置选中的value和label ...
iview中Select 选择器多选校验方法
08-27
iView 中 Select 选择器多选校验方法 iView 是一个基于 Vue.js 的高质量 UI 组件库，它提供了许多实用的组件来帮助开发者快速构建应用程序。其中，Select 选择器是一个非常常用的组件，它可以帮助用户从多个选项中...
iview的日历组件，iview的日历组件
02-01
本文将深入探讨 `iView` 的日历组件，帮助开发者理解其核心功能、用法以及如何在实际项目中应用。 `iView` 的日历组件（Calendar）是一个直观的时间选择工具，适用于日期选择、日期范围选择等多种场景。它具有清晰...
inputAuto.vue 基于vue+iview的搜索下拉选择组件
04-02
iview中的select和AutoComplete不能满足我的需求，故自己写。
选择框（可远程搜索、）
weixin_46041322的博客
02-23 175
template部分 <el-select v-model="searchParams.platformName" filterable remote clearable reserve-keyword placeholder="请选择平台"
【第6期】使用Iview的Select组件进行远程搜索并在编辑时设置一个或多个默认值
朱晓龙的博客
01-03 1395
本期要点 1. Iview Select组件的简单介绍 2. 后端编写学校搜索接口 3. 前端编写调用搜索接口的相关方法 4. Select组件触发远程搜索 5. 编辑时对已选择的数据设置默认值(1个和多个)
iview select下拉框可通过电话、卡号等远程搜索时，
shadow__jing的博客
06-15 312
对于住户下拉选择框，若需要通过电话、卡号、姓名等检索得到相应的选项时，我们的解决方案可以将住户的姓名、电话、卡号拼起来放在label中，这样就可以实现了。
iview回显校验不正确
weixin_38263811的博客
09-28 482
iview回显校验不正确 问题定位 做表单的时候，发现编辑表单的时候，有两项会莫名不校验，或者有数据仍然校验错误。定位后发现是因为，数据使用了后台返回数据，后台返回的数据中没有对应的表中字段，也就是说对应的字段在data中不出现的，所以不能双向绑定。 2.解决方法 返回值一对一赋值 object.assign(target,sources) this.$set(obj,key,value)/vue.set(obj,key,value) ivew回显不正确 ...
iview组件Select使用与回显
weixin_41996632的博客
04-17 9551
数据库存入的是数字，select菜单根据数字显示文字，并且对字段进行改查以及回显 1、编辑页面 <i-select v-model="edit.type" style="width:100%"> <i-option v-for="item in typeList" :key="item.value" :value="item.value">{{ item.lab...
iview组件Select回显问题
qq_24343389的博客
12-29 3355
1、回显的值必须是Option绑定列表中存在的，如果Option绑定的是对象数组，回显时需要构建一个对象 2、回显的值必须是字符串（String），不能是数字（Number） 如果是Number类型可以加一个空字符串，转一下 例如：10+""; ...
iview中DatePicker组件赋值少一天问题
06-03
iview中的DatePicker组件在获取日期值时，会自动将日期转换为UTC时间，并且在显示时会将UTC时间转换为本地时间。如果你在给DatePicker组件赋值时，使用的是本地时间，而在获取DatePicker组件的值时，又使用了UTC时间...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值