iView框架中清空select的操作

最新推荐文章于 2023-04-27 15:10:15 发布
原创 最新推荐文章于 2023-04-27 15:10:15 发布 · 5.1k 阅读 · 1 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#iView #clearable #iview select #清空select

在使用iView框架的项目中，解决了一个模糊查询需求的Bug，当清除类型搜索下拉选择框时，避免方input输入框的参数被设置为undefined，导致后端请求失败。通过判断并设置为字符串空值，确保请求正确。

公司的一个遗留项目用到了iView框架,今天要加个模糊查询的需求

代码如下:

类型搜索是下拉选择框,回避方是input输入框。类型选择框加了clearable属性，在清除时发现一个问题，页面上avoid_type参数虽然被清空了，但是调用接口时，avoid_type的值变成了undefined，不是空字符串，导致请求失败。

解决方法：在搜索时先判断avoid_type的值，如果为undefined，将它设为空字符串（后端请求参数类型是string）

lamCCH
关注
vue的iview框架select组件远程搜索，选中后不刷新的问题
u011558902的专栏
07-31 7661
UI框架采用了iview，用的select组件的自动补全功能，也就是select组件的远程搜索功能 问题描述：第一次输入查询关键字，匹配到一条数据，选中后，再次输入查询关键字，如果和上次匹配到的条数length相同，选中时候结果发现匹配到的结果还是上一条的，并没有刷新。 解决过程：很是郁闷。断断续续弄了一周，猜想各种可能性，还在项目里的node_modules文件夹iview的源码里写cons...
【持续】iview框架使用过程中的问题、心得
rrrrroy_Ha的博客
04-22 617
使用了一段时间的iView框架了，遇到不少问题，不过因为懒没记录，想想还是记录一下吧。 1.iView中用到render函数，render函数可以渲染普通的html标签，也可以渲染框架中的组件或自定义组件。 渲染组件时，对事件的监听不再是on，而是nativeOn return h('Checkbox', { props: { 'value': value === ...
View UI （iview） select 标签选中值，重置为空后，值为 undefined
悟世君子的博客
07-29 6295
View UI，即原先的 iView，从 2019 年 10 月起正式更名为 View UI，并使用全新的 Logo 问题描述：在使用 View UI （iview） 的 select 标签时，无意间发现一个问题，就是在select 标签中选中一个值，然后将 select 标签置空，获取 select 标签中的值为 undefined，此处正常应该为设置的空值，但实际却是undefined。有趣的是点击 2 次重置为空按钮后，却能获取到设置的空值 代码如下 <template&gt..
iview select选中值取值_完美解决iview 的select下拉框选项错位的问题
weixin_39922868的博客
12-20 630
在使用iview的过程中，我遇到这样一个问题，在Model中使用select下拉框组件。但是当弹出框超过一屏需要滚动时，select的下拉选项会出现错位(下图1为正常，图2为滚动后，下拉选项错位。)图1：图2：在分析组件代码后，发现以下一个样式：.ivu-modal .ivu-select-dropdown {position: absolute !important;}解决方案正是这个样式影响了...
select组件使用clearable后参数变成undefined
giiiig的博客
06-30 2608
vue写的前端，iviewui里面的下拉框组件，官方文档说clearable可以清空选择，于是用了，但发现，在请求后端接口后，该参数就不传递了，之前传递的是空字符串
iview实现A输入框输入B输入框清空，B输入框输入A输入框清空
aoyueli3211的博客
07-29 565
一、代码： （1）A输入框　　　 1 <span class="filterBlock"> 2 证卡号码： 3 <Input class="filter" 4 v-model.lazy="cardNumber" 5 placeholder="请输入" 6 ...
关于iView手动清除Select选择器内容的问题
长路漫漫，唯键作伴
02-26 676
关于iView手动清除Select选择器内容的问题
iviewSelect.zip
08-23
在Vue.js框架中，iview是一个非常流行的UI组件库，它提供了丰富的组件，如表格、按钮、模态框等，极大地简化了前端开发工作。在本项目中，我们重点讨论如何利用iview的Select组件在vue2.0环境下实现五级联动的功能。...
iview select全选实现
最新发布
11-04
在iview框架中，实现Select组件全选功能可以参考以下两种方式： ### 方式一 ```vue <Select v-model="specialModel" multiple @on-change='specialChange'> {{ item.specialName }} </Select> ``` 此方式定义...
iview爬坑之旅——远程搜索选择最后一个选项会重复请求
一个女胖子的博客
06-29 2486
引言： 刚刚开始入手iview,之前一直用element。慢慢摸索慢慢爬坑，今天说一下iview的select远程搜索相关问题； 一、选择最后一个option会重复发送请求 1. 问题 如下图远程搜索出现对应的下拉选项接口请求正常，但是当我选择option的时候又会发送一样请求，由于接口传入的不是ID了所以会报错； 重复请求报错了： 研究了一下这个是iview框架的问题，就是选择最后一个选项会重复发送请求，那么怎么解决这个问题？网上查找了一下很多用的是节流函数，限定一个时间，只在时间内触发；我也试过了
vue iview 批量删除
weixin_45274678的博客
08-02 2779
<Row class="operation"> <Button @click="delAll" icon="md-trash">批量删除</Button> </Row> <Row> <Alert show-icon> 已选择 ...
iview select清空选择_iView选择器的坑,iviewSelect
weixin_35934012的博客
12-31 701
在使用iview 的Select选择器可创建条目([官网链接：]时格式化代码后发现显示的值前后有空格(https://www.iviewui.com/components/select#CJTM))这样是可以运行的Eslint格式化代码后{{ item.label }}{{ item.label }}运行后发现前后出现很多空格，而且，选项页变成了新增选项解决：1.不要换行2.用 :label 替换...
iView后台管理系统clearable清空select操作后参数丢失问题解决方案
H舞
09-09 1984
问题发生在iview-admin后台： 当使用clearable进行清除select下拉框内数据后再进行搜索操作会发现搜索列表传参内该参数被删除（只针对select组件，对input无影响） 通常做法会在搜索请求之前进行判断 若请求参数 == undefined 重新赋值，不过下拉框过多的时候需要进行大量判断，太过冗余复杂，不太实用 // 获取首屏数据 async getList() { this.userManageTable = true if (th
vue + iview select下拉框清空的时候，获取的数据不是空字符串，而是undefined
leke183的博客
03-10 1600
应用场景： 代码解释bug现象： onReset() { this.status = ''; this.getData(); }, 然后由于此处获取到的this.status为undefined，所以接下来调用接口会缺少参数。 bug修复： 调用接口的是判断一下是否为undefined： getData() { if (this.status === undefined){ this.status = ''; } 或者直接： let obj =
iView Select选择器组件 解决clearable清空选项后绑定的参数被删除
weixin_49098968的博客
04-27 1133
解决在Vue项目里使用iView里的Select组件，使用``clearable``清空选项删除参数的问题
iview组件，input输入框的clearable属性失效原因
qq_37291367的博客
04-24 5647
本来写了一个文本域，支持一键清除；所以直接用了iview中Input组件自带的属性clearable，结果无效，那个小叉叉怎么都不出来…… 试了半天才发现原来是因为 type=“textarea” 会和 clearable属性冲突…… <template> <Input v-model="value1" clearable style="width: 200px" /> <br> <br> <Input type=
iview组件select远程搜索选择后失去焦点输入框清空问题/直接调用不显示问题解决
weixin_44167504的博客
07-09 5795
请看：代码倒数第三行 // 选择框过滤 remotedMethod(query) { if (query !== "") { const list = this.selGasStation.map(item => { return { value: item.Code, .
iview的Select选择器清空选择项操作
leilei__66的博客
01-04 4702
iview的Select选择器清空选择项操作 一、iview组件的自带的清空操作 二、自制input代替原input输入框 自制input代替原input输入框，实现删除输入随意
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值