解决新版本下，触发子菜单功能失败

最新推荐文章于 2024-02-06 11:33:24 发布
最新推荐文章于 2024-02-06 11:33:24 发布
阅读量470 收藏
点赞数
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_52696301/article/details/121491397
版权

在编写触发子菜单的功能时，使用的是Element UI中的Cascader级联选择器方法，由于更新后的新版本将选择菜单的方式添加到了props属性下了

为了代码的简洁与方便，我们在指定级联选择器的配置对象时，将

expandTrigger：‘hover’写入改代码中

建议使用如下代码的格式：

 // 指定级联选择器的配置对象

      cascaderProps: {

        value: 'cat_id',

        label: 'cat_name',

        children: 'children',

        // 指定触发方式

        expandTrigger: 'hover'

      },

 

你是小样的奶茶
关注
C++程序在Windows系统上启动失败与运行卡死问题排查实战
dvlinker的技术专栏
05-22 3万+
C++程序在Windows系统上启动失败与运行卡死项目问题排查实战。
Vue 2.x脱坑记 - 查漏补缺(汇总下群里高频询问的xxx及给出不靠谱的解决方案)
CRPER
11-07 1万+
前言文章内容覆盖范围,芝麻绿豆的破问题都有,不止于vue; 给出的是方案,但不是手把手一字一句的给你说十万个为什么!有三类人不适合此篇文章: “喜欢站在道德制高点的圣母婊” – 适合去教堂 “无理取闹的键盘侠” – 国际新闻版块欢迎你去 “有一定基础但又喜欢逼逼的人” 得得得,老子知道你厉害了,你好牛逼,这些问题那么简单,都是小白看的 这种傻瓜文,简直浪费老子的时间! 对于以上三类人,走吧,这里
解决vue3中el-cascader(没有单选框)选择以后下拉框消失
最新发布
m0_73293533的博客
02-06 838
vue3中element-plus解决联级选中勾选按钮以及弹框的消失
element ui中级联选择器不能滚动，全部显示的问题
Julyyy_的博客
08-22 731
value: 与v-model中的双向绑定挂钩，这里如果绑定了cat_id那么v-model中绑定的就是id指，value就是选中的分类的代名词;今天做项目时发现element ui中的级联选择器不能滚动显示，而是占满整个屏幕，并且最上面的几条数据看不见。v-model:将选中的id的值双向绑定到对应的数组中selectedCateKeys;options: 指定数据源，在data中应有对应的数组catelist；props: 配置选项对象,在data中应有对应的对象cateProps;
elementUi cascader 级联动组件 hover 收起二级菜单
青蛙背蝎子过河的博客
02-18 2828
最近一直和这个组件打交道, 有多个地方不太完美, 一开始领导让先这么用着, 后期再优化. 最近把几个不完美的地方优化了下. 写下此篇. 让遇到此问题的朋友少走类似的弯路. 先简单说下问题, 这个组件默认是点击option, 下拉框就隐藏. 但当我们开启了触发方式为hover的时候, 也就是expandTrigger: 'hover' 的时候. 这个时候点击option...
Element UI el-dropdown 移动端设置trigger为hover问题
JCM_ZZ的博客
11-24 1473
Element UI el-dropdown 移动端设置trigger为hover问题 问题描述： 移动端使用hover触发下拉弹框，导致点击选择时出现二次弹出选项框 此时可以将trigger改为click触发，尝试解决掉问题
小菜学习日记—关于下拉导航菜单闪烁（hover、mouseover 与 mouseenter的区别）
小菜学习日记
08-25 3134
下拉菜单闪烁 hover、mouseover与mouseenter的区别
Elastic的CI/CD全观测解决方案
点火三周的专栏
04-06 1444
CI/CD 可观测性 为了帮助管理员监控 CI/CD 平台并对其进行故障排除，并帮助开发人员提高 CI/CD 管道的速度和可靠性，Elastic Observability 提供了持续集成和持续交付 (CI/CD) 流程的可见性。 为了在管道上提供监控仪表板、警报和根本原因分析，Elastic 与最流行的 CI/CD 平台的社区合作，使用 OpenTelemetry 检测工具。 CI/CD 可观测性架构 使用 APM 服务器，将所有 OpenTelemetry 原生 CI/CD 观测工具直接连接到 Elas
ruoyi是怎么点击菜单跳转页面的_RUOYI框架教程（二）
weixin_39788386的博客
11-21 3070
“期待已久的系列，又双叒叕给大家见面啦”本系列纯干货！！有想了解的小伙伴，欢迎加微信v5coding_com(非官方)~~~01—上期回顾上期推文中，我们就若依框架进行了简单的介绍与初步上手操作。传送门：RUOYI框架教程(一)光说不干假把式，本期以常见的笔记功能进行讲解，功能简单，参考勿喷~~实战项目：《笔记管理》涉及框架内容：1、字典管理；2、菜单管理；3、代码生成；4、富文本编辑...
uni-app中nvue如何制作侧滑菜单, 安卓机解决方案, 低端机型解决方案
qq_54690422的博客
10-24 2117
最近萌新制作的一个项目需要制作移动端应用, 为了减少开发成本首先想到了跨平台开发方式uni-app uni-app一共有两种渲染方式: 一种是写 .vue 最后以 web-view 渲染出页面, 这种模式因是基于浏览器所以很容易做到在ios和Android页面保持一致, 但是这种模式有一个致命的缺点: 性能问题 第二种是写 .nvue文件, 采用 week 技术渲染成原生组件, 这种模式性能没得话说, 但是因为局限于 week 本身的原因, 在有些方法很难做到ios和Android页面保持
el-cascader报错解决，TypeError: Cannot read property ‘level‘ of null TypeError
xiaoqingqing的博客
11-20 1955
一、场景描述：项目中使用到了elementUI的el-cascader组件，先一次获取所有数据，根据不同类型，级联选择器加载对应数据。 <!-- 单选框 --> <el-radio-group v-model="regionType"> <el-radio v-for="item in regionTypes" :label="item.label" :key="item.label">{{item.text}}&lt
el-cascade入门学习
qq_40765784的博客
05-16 3425
学习内容 1.el-cascade的使用, 其中v-model对应的是数组，options中的key值固定，若label,value,children,disabled 2.@change方法的方法参数对应选择的级联的value数组 3.:props="{expandTrigger:'hover'}"触碰选项可展示出子选项，无需点击 4.clearable实现清空数据 5.:show-all-levels='false'实现只显示叶子节点值 6.:props="{multiple:true}"实现可以多..
Element-ui(Cascader 级联选择器)实现三级联动
日常学习总结
03-10 2205
Element-ui(Cascader 级联选择器)实现三级联动
怎么使用Cascader 级联选择器
m0_51933554的博客
11-05 959
怎么使用Cascader 级联选择器
Cascader 级联选择器hover选择效果
weixin_30799995的博客
07-19 2133
官网例子 <div class="block"> <span class="demonstration">hover 触发子菜单</span> <el-cascader v-model="value" :options="options" :props="{ expandTrigger: 'hover' }"...
vue + element 级联选择器
qq_35229216的博客
12-02 224
和文档不一样 expand-trigger="hover"
element-UI中级联选择器cascader的问题及解决
ss15363380815的博客
09-22 1799
-使用新版的cascader，通过官网的代码进行修改 <el-cascader :options="parentCateList" :props="{ expandTrigger: 'hover', value: 'cat_id', label: 'cat_name', children: 'children', checkStrictly: true }" v-model="selectedKeys" @change="parentCa
elementUI table type="expand"打开时触发事件
热门推荐
qq_39040192的博客
06-25 1万+
elementUI table type="expand"打开时触发事件expand-change（row, (expandedRows | expanded)） expand-change（row, (expandedRows | expanded)） 需求，在table type="expand"打开时执行一个请求，并处理逻辑，在官网中发现一个方法可以实现 HTML <el-tabl...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值