iView框架中清空select的操作

最新推荐文章于 2023-02-26 14:28:17 发布
最新推荐文章于 2023-02-26 14:28:17 发布
阅读量4.9k 收藏 1
点赞数 1
文章标签： iView clearable iview select 清空select
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/chenlim87/article/details/102492512
版权

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

代码如下:

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

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

lamCCH
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
iview的Select选择器清空选择项操作
leilei__66的博客
01-04 4195
iview的Select选择器清空选择项操作 一、iview组件的自带的清空操作 二、自制input代替原input输入框 自制input代替原input输入框，实现删除输入随意
iview中Select 选择器多选校验方法
08-27
iView 中 Select 选择器多选校验方法 iView 是一个基于 Vue.js 的高质量 UI 组件库，它提供了许多实用的组件来帮助开发者快速构建应用程序。其中，Select 选择器是一个非常常用的组件，它可以帮助用户从多个选项中...
iview组件，input输入框的clearable属性失效原因
qq_37291367的博客
04-24 5189
本来写了一个文本域，支持一键清除；所以直接用了iview中Input组件自带的属性clearable，结果无效，那个小叉叉怎么都不出来…… 试了半天才发现原来是因为 type=“textarea” 会和 clearable属性冲突…… <template> <Input v-model="value1" clearable style="width: 200px" /> <br> <br> <Input type=
iview实现A输入框输入B输入框清空，B输入框输入A输入框清空
aoyueli3211的博客
07-29 487
一、代码： （1）A输入框　　　 1 <span class="filterBlock"> 2 证卡号码： 3 <Input class="filter" 4 v-model.lazy="cardNumber" 5 placeholder="请输入" 6 ...
iview组件select远程搜索选择后失去焦点输入框清空问题/直接调用不显示问题解决
weixin_44167504的博客
07-09 5231
请看：代码倒数第三行 // 选择框过滤 remotedMethod(query) { if (query !== "") { const list = this.selGasStation.map(item => { return { value: item.Code, .
iView后台管理系统clearable清空select操作后参数丢失问题解决方案
H舞
09-09 1799
问题发生在iview-admin后台： 当使用clearable进行清除select下拉框内数据后再进行搜索操作会发现搜索列表传参内该参数被删除（只针对select组件，对input无影响） 通常做法会在搜索请求之前进行判断 若请求参数 == undefined 重新赋值，不过下拉框过多的时候需要进行大量判断，太过冗余复杂，不太实用 // 获取首屏数据 async getList() { this.userManageTable = true if (th
iview后台框架
03-13
在这个【iview后台框架】中，开发者可以找到以下关键知识点： 1. **Vue Router**：作为Vue.js官方推荐的路由管理器，Vue Router负责应用中的页面导航和路由配置，使得页面跳转更加灵活，同时支持懒加载和命名视图等...
iView框架问题整理小结
10-17
iView框架是一款基于Vue.js的UI组件库，它提供了丰富的前端界面组件，如按钮、表格、模态框、导航菜单等，便于开发者快速构建美观的Web应用。在使用iView过程中，可能会遇到一些常见问题，以下是对这些问题的详细...
iView中的Select与Poptip结合
03-18
在Vue iView中的Select中选项以及选中项使用Poptip，两个组件结合，组件类，可以直接引入
select组件使用clearable后参数变成undefined
giiiig的博客
06-30 1767
vue写的前端，iviewui里面的下拉框组件，官方文档说clearable可以清空选择，于是用了，但发现，在请求后端接口后，该参数就不传递了，之前传递的是空字符串
iview select数据重置问题
xiazzww的博客
11-17 482
select
vue + iview select下拉框清空的时候，获取的数据不是空字符串，而是undefined
leke183的博客
03-10 1415
应用场景： 代码解释bug现象： onReset() { this.status = ''; this.getData(); }, 然后由于此处获取到的this.status为undefined，所以接下来调用接口会缺少参数。 bug修复： 调用接口的是判断一下是否为undefined： getData() { if (this.status === undefined){ this.status = ''; } 或者直接： let obj =
iview select清空选择,iview中select组件使用总结
weixin_32891615的博客
03-19 1137
1.使用iview的select组件进行远程搜索远程搜索需同时设置filterable、remote、remote-method、loading四个 props，其中 loading 用于控制是否正在搜索中，remote-method 是远程搜索的方法。注意：需要给 Option 设置 key。设置初始显示值，需设置label属性。页面代码：{{item.userName}}参数值：exp...
iView常用组件清空技巧
weixin_34357267的博客
06-07 1050
清空DatePicker（日期选择器）的方法： this.$refs.element.handleClear() 清空TimePicker（时间选择器）的方法： this.$refs.element.handleClear() 清空Select组件的方法： this.$refs.element.clearSingleSelect() 清空Table组件的方法： this.$refs...
iview中带搜索功能的select选择
热门推荐
zeternityyt的博客
05-13 2万+
一、select搜索功能        在使用iview中select的时候，在选择的值的数组确定的时候，如果选择项过多，则需要添加搜索功能。这个功能iview已经帮我们封装好了，可以看iview文档。例：我们有一个userList：  [    {'userId':'1','userName':"mark"},    {'userId':'2','userName':"marry"},    {...
【VUE】IView.js下拉框数据双向绑定
Ubisoft-One kid's Dream
12-10 1万+
写在前面的   在Iview.js的众多组件中，drop selection也是使用比较频繁的组件之一，下面就用最为简单的方法来实现下拉框中数据的动态绑定。Select Option 组件静态数据绑定 首先，我们先了解一下官方API文档中的例子效果图 代码示例： <template> <Select v-model="model1" style="width:200px">
View UI （iview） select 标签选中值，重置为空后，值为 undefined
悟世君子的博客
07-29 5886
View UI，即原先的 iView，从 2019 年 10 月起正式更名为 View UI，并使用全新的 Logo 问题描述：在使用 View UI （iview） 的 select 标签时，无意间发现一个问题，就是在select 标签中选中一个值，然后将 select 标签置空，获取 select 标签中的值为 undefined，此处正常应该为设置的空值，但实际却是undefined。有趣的是点击 2 次重置为空按钮后，却能获取到设置的空值 代码如下 <template&gt..
关于iView手动清除Select选择器内容的问题
风清扬道场
02-26 549
关于iView手动清除Select选择器内容的问题
iView的Select选择框清空
lihefei_coder的博客
03-05 1万+
&lt;template&gt; &lt;Select v-model="model8" ref="resetSelect" clearable&gt; &lt;Option v-for="item in cityList" :value="item.value" :key="item.value"&gt;{{ item.label }}
iview select 多选怎么清空
最新发布
05-25
要清空 iView Select 组件的多选，可以通过以下两种方式实现： 1. 代码方式： 可以通过给 Select 组件的 v-model 绑定一个空数组来清空多选： ```html <Select v-model="selectedOptions" mode="multiple"> <!...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值