当前位置: 首页 > news >正文

element-plus的Tour 漫游式引导怎么去绑定Cascader 级联选择器或者它的内容 popper

首先官方例子是用的button

官方.$el这个log出来是:

知道是以元素为准就拿对应的元素就行

级联选择器.$el是这样的:

你可以移入这个元素部分去看看是哪个要用的(好像谷歌还是狐火直接放上去就可以看到元素表示,但是我有时用谷歌只能双击或者右键过去看,挺奇怪的)

这个时候你就不要用官方这种了,用myCascader?.$el.nextElementSibling这几个元素的东西

你用不用官方的ts写法都行


我找了下官网,直接用【myCascader是ref】 myCascader.togglePopperVisible() 。
element-ui应该也差不多

就这样,或者在切换open状态的时候改变,得提前让他内容可见

:teleported="false"。这个就看你是不是要突破引导流的遮罩层了

还有就是比如手机宽度不够的时候,用这个让能够左右滑动看到级联后面的内容

【具体不是很清楚,搜了一下就是用了vue3的内置组件Teleport将内容快丢到了body元素下,而不是组件内】

相关文章:

  • flink学习-容错机制
  • PyMuPDF 操作手册 - 01 从PDF中提取文本
  • el-date-picker 有效时间精确到时分秒 且给有效时间添加标记
  • Ubuntu 22.04 下 CURL(C++) 实现分块上传/下载文件源码
  • 学习笔记——交通安全分析05
  • leetcode45 跳跃游戏II
  • 使用Python进行音频处理
  • k8s学习笔记(一)
  • 【AI】消融实验ablation study
  • Zookeeper 集群节点故障剔除、切换、恢复原理
  • CFD笔记
  • 【ai】tx2-nx:搭配torch的torchvision
  • MySQL之复制(七)
  • RPM命令和YUM命令
  • fastadmin多语言切换设置
  • [微信小程序] 使用ES6特性Class后出现编译异常
  • [译]如何构建服务器端web组件,为何要构建?
  • Angular6错误 Service: No provider for Renderer2
  • FastReport在线报表设计器工作原理
  • golang 发送GET和POST示例
  • iOS编译提示和导航提示
  • Laravel Telescope:优雅的应用调试工具
  • MYSQL 的 IF 函数
  • SQLServer之索引简介
  • Stream流与Lambda表达式(三) 静态工厂类Collectors
  • 基于OpenResty的Lua Web框架lor0.0.2预览版发布
  • 解析 Webpack中import、require、按需加载的执行过程
  • 近期前端发展计划
  • 看完九篇字体系列的文章,你还觉得我是在说字体?
  • 浏览器缓存机制分析
  • 你不可错过的前端面试题(一)
  • 如何合理的规划jvm性能调优
  • 使用 5W1H 写出高可读的 Git Commit Message
  • 使用iElevator.js模拟segmentfault的文章标题导航
  • 使用前端开发工具包WijmoJS - 创建自定义DropDownTree控件(包含源代码)
  • 首页查询功能的一次实现过程
  • 文本多行溢出显示...之最后一行不到行尾的解决
  • 学习HTTP相关知识笔记
  • AI又要和人类“对打”,Deepmind宣布《星战Ⅱ》即将开始 ...
  • 阿里云重庆大学大数据训练营落地分享
  • !!【OpenCV学习】计算两幅图像的重叠区域
  • #QT 笔记一
  • #我与Java虚拟机的故事#连载17:我的Java技术水平有了一个本质的提升
  • (6)添加vue-cookie
  • (WSI分类)WSI分类文献小综述 2024
  • (八)光盘的挂载与解挂、挂载CentOS镜像、rpm安装软件详细学习笔记
  • (附源码)springboot码头作业管理系统 毕业设计 341654
  • (黑马C++)L06 重载与继承
  • (力扣题库)跳跃游戏II(c++)
  • (三)c52学习之旅-点亮LED灯
  • (四)js前端开发中设计模式之工厂方法模式
  • (五)大数据实战——使用模板虚拟机实现hadoop集群虚拟机克隆及网络相关配置
  • (学习日记)2024.04.10:UCOSIII第三十八节:事件实验
  • (原創) 如何優化ThinkPad X61開機速度? (NB) (ThinkPad) (X61) (OS) (Windows)
  • .halo勒索病毒解密方法|勒索病毒解决|勒索病毒恢复|数据库修复