iview多选下拉框Select提交值的bug

最新推荐文章于 2023-02-24 22:42:01 发布
最新推荐文章于 2023-02-24 22:42:01 发布
阅读量763 收藏 1
点赞数
CC 4.0 BY-SA版权
文章标签： javascript ajax vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/lyz246859/article/details/123786479
本文介绍iview多选下拉框组件的使用注意事项：在multiple属性下，select返回值为数组而非字符串。文章建议通过join()将数组转换为字符串以便提交，并在赋值时使用split()进行反向操作。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

使用iview多选下拉框的时候，要记住，multiple属性下，select返回的值是一个数组而不是一个字符串，这在组件的使用说明上市没有写明的，有些不熟悉的朋友就会出现提交数组而导致请求接口出错，一般提交的参数会规定为字符串，因此只需join(",")把值变为字符串再提交即可，多选赋值的时候也是一样，使用split(",")把字符串转成数组再去赋值，这样就完美了

lyz246859
关注
iview select多选远程搜索，不清空关键字
renamayu的专栏
04-13 1304
<template> <Row> <Col span="12"> <Select ref="selectName" v-model="model14" multiple filterable remote :remote-method="remoteMethod2" :loading="loading2" @on-change="onChange" @on-query-change="handleSelectChange"> <O.
iView UI Select 选择器 下拉列表跟随滚动条移动
weixin_47410267的博客
10-27 1633
iView UI Select 选择器 下拉列表跟随滚动条移动
iview下拉框多选，重置表单后，下拉框触发校验提示错误信息
Kobeloveu
02-24 518
如出现标题所述情况，请把这个字段在重置函数调用之前，把该字段删除掉。
iview select多选下拉 鼠标移出自动收回
妙蛙真香的博客
07-14 809
iview select下拉多选 鼠标移出自动收回
vue+iview表单校验select选择框校验失败问题
m0_53083944的博客
03-10 1403
经过反复测试发现是该组件绑定select的model值，必须是字符串
iview表单验证下拉框不通过问题
weixin_34205826的博客
05-17 1069
iview表单验证的步骤： 第一步：给 Form 设置属性 rules:rules 第二步：同时给需要验证的每个 FormItem 设置属性 prop 指向对应字段即可prop=”“ 第三步：注意：Form标签里面是:model 第四步：注意：在Form标签里面必须添加ref,相当于id,在此范围内的表单验证有效 第五步：在操作保存按钮时，添加方法，对整个表单进行...
iview select下拉框错位
最新发布
09-04
4. 版本兼容性问题：iview select组件的某些版本可能存在bug，导致下拉框错位。可以尝试更新或降级iview的版本，或者查阅iview的官方文档或论坛，寻求解决该问题的具体方法。 总之，iview select下拉框错位可能是由...
【知识整理】iview远程搜索选择框，删除后再次打开不显示的bug
qq_19891827的博客
05-11 5440
现在使用iview的远程搜索选择框时需要到了这样一个问题，输入框在一个模态框里，打开模态框删除选择框中的内容时，关闭模态框，再次打开模态框时无法为选择框赋上原来的值。查了很多资料也没找到原因，这应该是iview的一个bug。删除前显示模态框时，远程搜索选择框显示的内容如下图，不了解iview远程搜索输入框的盆友，请移步https://www.iviewui.com/components/selec...
iview Select 远程搜索 爬坑记录
sytloveyxj的博客
09-05 3816
需求：在table内的一个可输入的select选择框，根据输入返回不同的结果 看起来很简单。。 <Table style="margin-bottom:10px" ref="reqtables" :data="tableData" :columns="columns" ></T...
vue下拉选组件i-select无法选取全部，无法赋值为空串''的诡异bug
qq_41899174的博客
09-29 5289
       这是一个让人头皮发麻，全身慎得慌的诡异bug，因为它不符合科学逻辑，违反常理。仿佛有一只黑手在恶意操控着，让前端工程师们觉得不可以思议，也无可奈何。        我们在做前端开发时， 对于下拉选一般都会有一个“全部”选项，value=''，用于清空前面选择的值，这是在正常不过了，但这在vue就开始变得奇奇怪怪，逻辑狗屁不通。       下面我开始对这个诡异的bug进行解刨，分...
vue Iview 后台页面
05-15
vue Iview 搭建的后台页面 1. 自定义主题index.less 2. 国际化VUE18n 3. 动态菜单 4.自定义组件 5.组件联动 # install dependencies npm install # serve with hot reload at localhost:8080 npm run dev # build for production with minification npm run build # build for production and view the bundle analyzer report npm run build --report
iview框架的select碰到回显深坑，解决方案！
xlecho的博客
05-08 6394
iview框架的select碰到回显深坑，求解决方案！ 具体代码和问题如下： 问题描述使用select控件，并使用该控件的远程搜索功能，当将该功能添加在新增model里面的时候，正常使用，当在详情model里面复用该控件的时候回显出现问题，回显的时候，只要有变动数据该控件就会显示空。但是再次变动该控件的内容的时候，显示值又出现了。 页面代码如下： <template> <di...
iview下拉菜单项遇到的坑
lyf18779011168的博客
06-26 5414
<!--​iview的下拉列表--> <Dropdown v-else-if="spanNubs.col_obj.length>10&&spanNumber.column_layout_obj.col_layout<=24" trigger="click"> <...
iview select标签的赋值和联动
weixin_41639609的博客
01-18 5675
select标签的赋值 &amp;amp;lt;div id=&amp;quot;app&amp;quot;&amp;amp;gt; &amp;amp;lt;div class=&amp;quot;field-item&amp;quot;&amp;amp;gt; &amp;amp;lt;div class=&amp;quot;title require&amp;quot;&amp;amp;gt;
挖坑指南：iView Select的Option@click事件无效
weixin_39015132的博客
11-15 5560
前言 日常挖坑。。 开始 上车。。 实践 bug描述：Select组件，设置了filterable和remote，前端启用模糊查询。期望在用户选择某一结果项时，获取选择的对象。给Option绑定了点击事件，但是并未生效。 为什么呢？ 应该是组件自身做了事件监听。 那该怎么办呢？ 改用@click.native=""绑定事件。 总结 why? How? What? 嘘寒问暖 ...
iview里面的select可以多选，同时动态显示你选了几条数据
IT博客技术分享
05-11 6617
先上效果图： 分析： 要想让上面的显示，下面的select的选中几条的数据，只需要把下面的selcet加一个on-change事件绑定就可以。 然后判断里面的length 的长度，就是你需要的结果； @on-change="get_num" get_num(data){ console.log("data",data); ...
关于iview select组件的一个容易忽略的问题
wd1073351726的博客
07-26 299
关于iview的select一个容易忽略的问题
iview组件select无法手动设置值
06-29 509
听小伙伴说iview的作者已经修复这个bug了，因为我们的组件库是copyiview后修改的，所以没有更新代码 这里提供一个方法 <i-select :ref="'signSlectRef'"><i-option >{{ item1.label }}</i-option></i-select> 　 this.$r...
iview的一个小bug issues #4371
weixin_33816300的博客
09-04 133
为什么80%的码农都做不了架构师？>>> ...
解决iview下拉框Select多选由于内容太多导致的换行
06-08
可以通过设置Select组件的dropdownStyle样式来解决多选内容换行的问题。 具体步骤如下： 1. 打开iview官网的Select组件文档页面，找到...以上就是解决iview下拉框Select多选由于内容太多导致的换行的方法。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值