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

最新推荐文章于 2024-05-16 03:11:53 发布
最新推荐文章于 2024-05-16 03:11:53 发布
阅读量690 收藏 1
点赞数
文章标签： javascript ajax vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/lyz246859/article/details/123786479
版权

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

lyz246859
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
iview select多选远程搜索，不清空关键字
renamayu的专栏
04-13 1167
<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 的select下拉框选项错位的问题
08-27
完美解决iview 的select下拉框选项错位的问题 在使用iview的过程中，我们可能会遇到select下拉框选项错位的问题，当弹出框超过一屏需要滚动时，select的下拉选项会出现错位。这种问题的出现可能是由于iview组件的...
iview下拉框多选，重置表单后，下拉框触发校验提示错误信息
Kobeloveu
02-24 420
如出现标题所述情况，请把这个字段在重置函数调用之前，把该字段删除掉。
vue iviewUI里面的 Checkbox 多选框 多组全选或者全不选_vue+iview多组checkbox(1)
最新发布
2401_84619342的博客
05-16 250
编程基础的初级开发者，计算机科学专业的学生，以及平时没怎么利用过数据结构与算法的开发人员希望复习这些概念为下次技术面试做准备。或者想学习一些计算机科学的基本概念，以优化代码，提高编程技能。这份笔记都是可以作为参考的。开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】部分选中的状态：全部选中的状态：部分全选选中的状态：打印选中的id：主要代码如下：">
iview select多选下拉 鼠标移出自动收回
妙蛙真香的博客
07-14 704
iview select下拉多选 鼠标移出自动收回
vue+iview表单校验select选择框校验失败问题
m0_53083944的博客
03-10 1312
经过反复测试发现是该组件绑定select的model值，必须是字符串
iview表单验证下拉框不通过问题
weixin_34205826的博客
05-17 1027
iview表单验证的步骤： 第一步：给 Form 设置属性 rules:rules 第二步：同时给需要验证的每个 FormItem 设置属性 prop 指向对应字段即可prop=”“ 第三步：注意：Form标签里面是:model 第四步：注意：在Form标签里面必须添加ref,相当于id,在此范围内的表单验证有效 第五步：在操作保存按钮时，添加方法，对整个表单进行...
iview实现select tree树形下拉框的示例代码
10-17
总结一下，通过 IView 的 Select Tree，你可以创建一个交互式的树形下拉框，用户可以方便地从层次结构中选择值。这个组件允许你自定义节点的展示方式，同时提供了丰富的 API 供进一步的定制。希望这个示例能够帮助你...
iview中Select 选择器多选校验方法
01-19
iview提供的select组件中使用multiple属性可以开启多选模式,返回的数据也是数组的形式。 iview使用的校验是根据async-validator来实现数据验证。验证规则可前去查看开源项目 多选模式下的select组件校验使用type为...
iview下拉菜单项遇到的坑
lyf18779011168的博客
06-26 5322
<!--​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 5578
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;
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可以多选，同时动态显示你选了几条数据
IT博客技术分享
05-11 6409
先上效果图： 分析： 要想让上面的显示，下面的select的选中几条的数据，只需要把下面的selcet加一个on-change事件绑定就可以。 然后判断里面的length 的长度，就是你需要的结果； @on-change="get_num" get_num(data){ console.log("data",data); ...
iview下拉框支持多选
dianlupeng4187的博客
09-03 1790
<FormItem label="状态"> <Select v-model="formInline.state" style="width: 190px;" multiple> <Option :value="0" :key="0">开立</Option> <Option :value="1" :key="1">已审核...
iview Select 选择器 获取选中项的多个相关值
m0_45857808的博客
12-14 2182
iview Select 选择器 获取选中项的多个相关值
基于iView的下拉分类多选
m0_46799593的博客
04-28 1155
基于iView的下拉分类多选： 第一次写，可能有错误的地方，还请见谅。 本来是准备用级联选择器或树形选择器做多选的，但是看了很多，对数据要求都比较搞，就放弃了。 先看下效果 <FormItem style="text-align:left;width: 20%;" :label="this.$t('行业')" prop="industry"> <Select v-model="ytzSaActivity.codeList" multiple style="
提交表单中Select列表或Checkbox复选框的多个值到Struts2 Action
一个情绪猿的脖克...
09-26 4648
以提交Select列表的值为例。 1.HTML写法：
Iview Select Form表单校验 Vue2项目 踩过的坑
zerlinda0913的博客
05-31 246
官方文档写得不详细，开发项目的时候在select中踩了好多坑， 业务需求，需要拿option循环数组3个值，这时候怎么办，只看到官网提供绑定的label与value，只有两个值，我还要拿个值怎么办？绑定一个tag 业务需求在一个数组中每个元素对象的下拉列表要变化，怎么把v-for循环遍历的东西传进去，并且拿到on-select事件中绑定的值了？ 这样就可以 然后select数据回显的问题，v-model的值绑定的是option中绑定的value值 ......
Iview table嵌套select 多选以后批量编辑
persist_z的博客
07-22 587
Iview table嵌套select 多选以后批量同步编辑
解决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、付费专栏及课程。

余额充值