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

news2024/11/19 10:35:47

首先官方例子是用的button

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

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

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

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

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

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


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

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

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

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

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1855558.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

环境安装-oracle11g

目录 下载 安装 下载 oracle官网下载 http://www.oracle.com/ https://www.oracle.com/cn/ 找了一下官网,没找到oracle11g 在百度上查询得知:Oracle官方已经将11g的安装包从下载区下架了。如图所示未找到11g版本: 从搜索引擎下载资源包&a…

修改网络的结构用于预训练

目录 一、模型准备 二、修改结构 1、在网络中添加一层 2、在classifier结点添加一个线性层 3、修改网络中的某一层(features 结点举例) 4、替换网络中的某一层结构(与第3点类似) 5、提取全连接层的输入特征数和输出特征数 6、删除网络…

优秀的“抗霾”神器:气膜体育馆—轻空间

随着空气污染问题日益严重,尤其是雾霾天气频发,体育运动的场地环境质量受到越来越多的关注。气膜体育馆作为一种新型的体育场馆解决方案,以其独特的设计和多重优势,成为了优秀的“抗霾”神器。轻空间将深入探讨气膜体育馆的特点和…

Ubuntu下安装、运行Nginx

安装Ubuntu桌面系统(虚拟机)_虚拟机安装ubuntu桌面版-CSDN博客 默认情况下,Ubuntu并没有安装Nginx服务。用户可以使用以下命令安装Nginx服务及其相关的组件: liuubuntu:~$ sudo apt install nginx 安装完成之后,使用…

高考十字路口:24年考生如何权衡专业与学校的抉择?

文章目录 每日一句正能量前言专业解析理工科专业商科专业人文社科专业艺术与设计专业个人经验与思考过程结论 名校效应分析名校声誉与品牌效应资源获取学术氛围就业优势个人发展结论 好专业和好学校的权衡个人职业目标行业需求教育质量资源和机会学术氛围就业优势经济和地理位置…

【驱动篇】龙芯LS2K0300之按键驱动

实验过程 实验目的: 在龙芯开发板上面验证GPIO按键的输入过程 ① 根据原理图连接按键板 ② 将4个i2c引脚的功能复用为GPIO ③ 注册input设备驱动,绑定中断处理函数,使用定时器消抖 原理图 4个按键引脚:CPU_I2C0_SCL -> G…

全栈人工智能工程师:现代博学者

任何在团队环境中工作过的人都知道,每个成功的团队都有一个得力助手——无论你的问题性质如何,他都能帮助你。在传统的软件开发团队中,这个人是一个专业的程序员,也是另一种技术的专家,可以是像Snowflake这样的数据库技…

【windows|010】OSI七层模型和TCP/IP五层模型详解

🍁博主简介: 🏅云计算领域优质创作者 🏅2022年CSDN新星计划python赛道第一名 🏅2022年CSDN原力计划优质作者 ​ 🏅阿里云ACE认证高级工程师 ​ 🏅阿里云开发者社区专家博主 💊交流社…

植物大战僵尸杂交版2024最新官方原版iOS手机+mac电脑版下载

🌱 绿意盎然的游戏体验,《植物大战僵尸杂交版》带你开启全新战斗模式 亲爱的小伙伴们,今天我要和大家分享一款让人眼前一亮的游戏——《植物大战僵尸杂交版》!这款游戏在经典的基础上进行了大胆创新,给玩家带来了前所未…

手把手带你从零构建一个用于讲故事的 LLM

教程 LLM101:创建能讲故事的 LLM LLM101n 是 llm.c 作者开的新坑,一个系列教程,手把手带你从零构建一个用于讲故事的 LLM,目前只写了目录已经斩获 5.8k star。

户外龙头边城体育签约实在智能,打造财务数字化转型标杆!

财务工作在企业中是一项极其重要且复杂的任务,需要具备高度的准确性和及时性。尽管应用财务软件,企业实现了财务数据的电子化和数字化,但仍然面临着数据采集与处理的实时性和全面性问题,以及由此带来的风险控制和决策支持的不足。…

运动蓝牙耳机哪个口碑最好?五大高口碑顶尖单品推荐

在这个快节奏时代,智能手机的普及使得运动开放式耳机逐渐成为我们日常出行的必备单品。运动开放式耳机凭借独特的外形设计,赢得了众多消费者的喜爱。它们不同于传统的入耳式设计,以舒适佩戴为核心,有效缓解了长时间佩戴对耳部造成…

【机器学习】自然语言处理的新前沿:GPT-4与Beyond

📝个人主页:哈__ 期待您的关注 目录 🔥引言 背景介绍 文章目的 一、GPT-4简介 GPT-4概述 主要特性 局限性和挑战 二、自监督学习的新进展 自监督学习的原理 代表性模型和技术 三、少样本学习和零样本学习 少样本学习的挑战 先…

zkWASM:ZK+zkVM的下一站?

1. 引言 ZK技术具备极大通用性,也帮助以太坊从去中心化投资走向去信任化的价值观。“Don’t trust, Verify it!”,是ZK技术的最佳实践。ZK技术能够重构链桥、预言机、链上查询、链下计算、虚拟机等等一系列应用场景,而通用型的ZK协处理器就是…

Adaptive Server Connection Failed on Windows

最近在使用pymssql (版本2.3.0)连接SQL Server2012遇到如下问题: pymssql._mssql.MSSQLDatabaseException: (20002, bDB-Lib error message 20002, severity 9:\nAdaptive Server connection failed (localhost)\nDB-Lib error message 2000…

前端也需要知道的一些常用linux命令

前端也需要知道的一些常用linux命令 1.问题背景2.连接工具(SecureCRT_Portable)a.下载工具b.连接服务器c.登录到root账户 3.基本命令a.cd命令和cd ..b.ll命令和ls命令c:cp命令d.rm命令e:rz命令f.unzip命令g.mv命令h.pwd命令(这里没有用到&…

Linux基础二

目录 一,tail查看文件尾部指令 二,date显示日期指令 三,cal查看日历指令 四,find搜索指令 五,grep 查找指令 六,> 和>> 重定向输出指令 七, | 管道指令 八,&&逻辑控…

如何发现Redis热Key,有哪些解决方案?

什么是 hotkey? 如果一个 key 的访问次数比较多且明显多于其他 key 的话,那这个 key 就可以看作是 hotkey(热 Key)。例如在 Redis 实例的每秒处理请求达到 5000 次,而其中某个 key 的每秒访问量就高达 2000 次&#x…

【AI大模型】驱动的未来:穿戴设备如何革新血液、皮肤检测与营养健康管理

文章目录 1. 引言2. 现状与挑战3. AI大模型与穿戴设备概述4. 数据采集与预处理4.1 数据集成与增强4.2 数据清洗与异常检测 5. 模型架构与训练5.1 高级模型架构5.2 模型训练与调优 6. 个性化营养建议系统6.1 营养建议生成优化6.2 用户反馈与系统优化 7. 关键血液成分与健康状况评…

grpc教程——proto文件转go

【1】编写一个proto文件 syntax "proto3"; package myproto;service NC{rpc SayStatus (NCRequest) returns (NCResponse){} }message NCRequest{ string name 1; } message NCResponse{string status 1; } 【2】转换:protoc --go_out. myservice.pro…