IVIEW中的Select下拉框搜索时没有匹配项时失去焦点清空input框(记得加ref清空input框数据,因为清空v-model无法彻底清空,这是iview中的一个小bug)...

本文介绍了一个使用Vue框架中Select组件的具体案例,展示了如何通过v-model双向绑定数据,实现下拉选择供应商信息,并在选择状态变化时触发相应事件进行处理。代码示例详细解释了如何配置选项和响应式操作。
摘要由CSDN通过智能技术生成

<Select ref="vendorId" v-model="formInline.vendorId" @on-open-change="venSelect" filterable style="width: 162px;" clearable>

            <Option v-for="item in vendorList" :value="item.vendorId" :key="item.vendorId">

              {{ item.vendorLevel ? `${item.vendorLevel}-${item.venAbbName}-${item.vendorCode}` : `${item.venAbbName}-${item.vendorCode}` }}

            </Option>

          </Select>

 

 

 

venSelect(type){

        if(type === false){

          // 供应商不选置空

          if(!this.formInline.vendorId){

            this.$refs.vendorId.query = ''

            return

          }

        }

      },

转载于:https://www.cnblogs.com/wssdx/p/11230128.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值