avue级联组件点选text拼接，input反显延时问题

最新推荐文章于 2023-04-25 15:36:26 发布
最新推荐文章于 2023-04-25 15:36:26 发布
阅读量415 收藏 1
点赞数
分类专栏： avue 文章标签： vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40314357/article/details/115353245
版权

问题描述：最后一个联动框显示延迟

例如：第一次点选把，物品名称无反应，第二次点选捆，物品名称显示把，第三次点选张，物品名称显示捆。如果添加第七个点选框联动，第六个单位下拉框点选后，物品名称显示正常，但第7个显示延迟。
在这里插入图片描述

解决方案：

刷新组件

监听最后一个下拉框，动态刷新组件，即动态控制组件的显隐，重新拼接物品名称和物品描述即可解决，单位点选框在第六位，column从0开始计数，所以监听为column[5]，可根据自身需求修改。
在这里插入图片描述
代码：

watch:{
   
   'form.unit':
最低0.47元/天 解锁文章
从底层结构开始学习FPGA（5）----移位寄存器
孤独的单刀
05-26 1万+
如何高效利用FPGA底层的SRL？
硬件描述语言Verilog学习（五）
安静到无声
06-15 3792
条件运算符和拼接运算符的学习
avue的级联，会触发多次重复查询，这个问题怎么解决？
Java世界如此庞大，希望某个知识点能帮到大家
04-27 1033
avue的级联，会触发多次重复查询，这个问题怎么解决？
saber | Avue模板传参延时
画个圆圆的地球
12-03 492
项目出现过传参延时的问题。 做如下处理： export default { data() { return { ... timer: null } }} //添加延时 start clearTimeout(this.timer); this.timer = setTimeout(() => { this.setData();//..
element 级联选择器懒加载回显
qq_31970227的博客
11-04 5266
element 级联选择器懒加载
el-dialog avue-form  自定义弹框和级联选择器  ，表格form
chengchong_cc的博客
03-22 785
弹框和Form
Avue 获取下拉框中 label和value 的值 实现下拉框信息联动
qq_24981615的博客
09-07 5164
Avue 获取下拉框中 label和value 的值 实现下拉框信息联动
【零散知识点总结2】
weixin_44543307的博客
03-09 5771
大部分知识点来源于网络，知道的可以在评论区贴上来源喔 内容涵盖：MySQL、Spring、Spring Boot、Spring Cloud、RabbitMQ、Kafka、 Linux 等技术栈 零散知识点总结2MySQLMySQL 中有哪几种锁？MySQL 中有哪些不同的表格？简述在 MySQL 数据库中 MyISAM 和 InnoDB 的区别 MySQL MySQL 中有哪几种锁？ 1、表级锁：开销小，加锁快；不会出现死锁；锁定粒度大，发生锁冲突的概率最高，并发度最低。 2、行级锁：开销大，加锁慢；会出现
会议室可分隔组合时的音频处理解决方案
编程爱好者
12-25 3558
本文已成功投稿在“数字音视工程网”期刊上（点击查看原文） 南京台湾名品城(Nanjing Taiwan Trade Mart)由南京市政府与台北世贸中心共同兴建、贸协指导、华新丽华规划营运，为复合式商城。在南京市建造台湾企业在大陆发展的基地，提供两岸长期合作的交易平台。名品城位于南京河西新城河西大街，于2010年09月16日正式开业。它占地100余亩，总建筑面积7万多平方米，集展示销售、批发
下拉级联vue
小耳朵晨晨
04-25 284
【代码】下拉级联vue。
省市区三级联动（Element + Vue）
01-07
1、 可以用属性cascaderItem进行传值，详情见官方文档：https://avuejs.com/doc/form/form-doc column: [ { showlabel: false, label: 省, prop: province, type: 'select', props: { label: province, value: province }, cascaderItem: [city,area], //传给两个参数自身的值（province）
下拉框三级联动
07-23
简单的下拉框三级联动网页设计，有效学习html
UE4-（蓝图）第一百一十二课 字符串
Stone的博客
12-26 5588
蓝图中提供了三种字符串如下: 在蓝图中右键搜索String 、Name、Text都会有对应的分类，在分类下会有一些方法供使用者调用 字符串转换为整数 如果转换失败，则会得到数字0，比如“a”转出数字，因为“a”并不是数字。 ...
Avue 远程搜索输入框，联动赋值其他组件 v2.7.10及以下
qq_44140499的博客
05-08 5301
文章目录《 Avue 远程搜索输入框，联动赋值》前言一、基于avue自带属性实现（效果差）二、基于element-ui实现（效果好）总结 《 Avue 远程搜索输入框，联动赋值》 效果图： 前言 在很大情况下需要联动赋值给输入框，本文基于avue框架分别从avue与element-ui两方面进行远程搜索输入框联动赋值给其他输入框。 需求 1、后台接受模糊查询参数，从 编码 字段的输入值进行后台模糊匹配并返回json数据。（接口已经实现，传值调用即可） 2、根据 编码 的选择，将数据行自带的值匹配到
UE-c++ FString
MoOtA
01-15 2498
仅以此为记录,具体学习可以: 私聊或去官网或找B站或翻YouTube…
AVue表格（avue-crud）中插入输入框
Crayon111的博客
04-13 4047
直接上图和代码 <template slot-scope="scope" slot="spacesearch" > <div> <avue-crud :data="data3" :option="option3" > //插入输入框 <template slot-scope="scope" slot="default"> <el-form-item>
avue-input-map高德地图简单搜索（vue项目）
weixin_45446474的博客
01-22 2216
配置： 在index.html配置如下，key 直接去高德地图申请即可 <script type="text/javascript" src='https://webapi.amap.com/maps?v=1.4.11&key=自己的key值&plugin=AMap.Geolocation,AMap.Autocomplete,AMap.PlaceSearch,AMap.Geocoder,AMap.PolyEditor'></script> <...
关于使用avue-tree的默认展开问题
qq_43461547的博客
03-22 3132
关于使用avue-tree的默认展开问题 最近在项目中遇到的，客户要求在组织结构树要默认展开显示 在option配置defaultExpandAll属性，默认为false把他改成true就可以实现树默认展开
avue 级联选择器 回显
最新发布
05-13
avue级联选择器的回显需要在数据源中设置对应的值，然后将该值绑定到组件的v-model上。例如： ```html <avue-cascader v-model="selectedValue" :options="options"></avue-cascader> ``` ```javascript data() { return { selectedValue: ['shanghai', 'minhang', 'qibao'], // 设置选中的值 options: [ { value: 'beijing', label: '北京', children: [ { value: 'haidian', label: '海淀', children: [ { value: 'wudaokou', label: '五道口' }, { value: 'zhongguancun', label: '中关村' } ] }, { value: 'chaoyang', label: '朝阳', children: [ { value: 'sanlitun', label: '三里屯' } ] } ] }, { value: 'shanghai', label: '上海', children: [ { value: 'minhang', label: '闵行', children: [ { value: 'qibao', label: '七宝' }, { value: 'xinzhuang', label: '莘庄' } ] }, { value: 'pudong', label: '浦东', children: [ { value: 'lujiazui', label: '陆家嘴' } ] } ] } ] } } ``` 这样，当页面加载时，avue级联选择器就会默认选中 `['shanghai', 'minhang', 'qibao']` 这个选项。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

wx_李大白

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值