Vue3 + Element Plus + TypeScript 中 el-cascader 实现模拟用户点击功能

模拟点击,调用 el-cascader 的公开方法 togglePopperVisible 来展开下拉框

MaterialOut.vue

<script setup lang="ts" name="MaterialOut">
......
import { ElMessage, type ElCascader } from "element-plus";// 级联组件实例
const cascaderRef = ref<InstanceType<typeof ElCascader> | null>(null);// 记账
const onJzClick = async () => {if (!ckMaster.value.llPersonId) {ElMessage.error("请选择领取人员!");// 模拟点击,调用 el-cascader 的公开方法来展开下拉框cascaderRef.value?.togglePopperVisible(true);return;}
};
......
</script><template>
......<el-cascaderv-elseref="cascaderRef"v-model="llDeptPersonValue":options="departmentUserTreeData":show-all-levels="false"clearable@change="handleLlDeptPersonValueChange" />
......
</template>

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

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

相关文章

新能源汽车与油车销量

中国油车与新能源车销量对比&#xff08;2022-2025年&#xff09; ‌1. 市场份额演化&#xff08;2022-2025年&#xff09;‌ ‌年份‌ ‌新能源车销量 &#xff08;渗透率&#xff09;‌ ‌燃油车销量 &#xff08;渗透率&#xff09;‌ ‌关键事件‌ ‌2022‌ 688.7万辆…

C++ list代码练习、set基础概念、set对象创建、set大小操作

对应力扣&#xff0c;回文链表&#xff0c;代码见下 /*** Definition for singly-linked list.* struct ListNode {* int val;* ListNode *next;* ListNode() : val(0), next(nullptr) {}* ListNode(int x) : val(x), next(nullptr) {}* ListNode(int x, …

前端面试宝典---前端水印

明水印 1. 背景图 通过css的background-image加载背景图 2. canvasbackground水印 前端水印实现思路与示例代码 一、核心实现思路 Canvas动态生成水印 通过Canvas绘制文本或图案&#xff0c;将生成的图像转为Base64格式&#xff0c;作为背景图重复平铺到目标元素上。例如&…

恶意软件清理工具,让Mac电脑安全更简单

​你的Mac最近是不是开始表演"电子迷惑行为"&#xff1f;浏览器主页突然变成澳门赌场&#xff0c;风扇转得比直升机螺旋桨还猛......恭喜你&#xff01;可能中奖获得"恶意软件大礼包"&#xff01;别慌&#xff0c;今天就教你用恶意软件清理工具化身数字特工…

Spring Boot 3.X 下Redis缓存的尝试(二):自动注解实现自动化缓存操作

前言 上文我们做了在Spring Boot下对Redis的基本操作&#xff0c;如果频繁对Redis进行操作而写对应的方法显示使用注释更会更高效&#xff1b; 比如&#xff1a; 依之前操作对一个业务进行定入缓存需要把数据拉取到后再定入&#xff1b; 而今天我们可以通过注释的方式不需要额外…

Deepseek应用技巧-Dify安装和踩坑指南

前言&#xff1a;Dify的名号是非常大的&#xff0c;作为私有化AI部署中必不可少的一个组件&#xff0c;他的功能和COZE十分相似&#xff0c;可以进行工作流和智能体的搭建&#xff0c;有非常强大的功能&#xff0c;那本节就将来揭开Dify的神秘的面纱&#xff0c;首先看一下Dify…

ubuntu24.04安装教程(图文详解)

Ubuntu 24.04 LTS&#xff0c;代号 Noble Numbat&#xff0c;于 2024 年 4 月 25 日发布&#xff0c;现在可以从 Ubuntu 官方网站及其镜像下载。此版本将在 2029 年 4 月之前接收为期五年的官方安全和维护更新。 关于 Ubuntu 24.04 LTS 的一些关键点&#xff1a; 发布日期&am…

数据绑定页面的完整的原理、逻辑关系、实现路径是什么?页面、表格、字段、属性、值、按钮、事件、模型、脚本、服务编排、连接器等之间的关系又是什么?

目录 一、核心概念:什么是数据绑定页面? 二、涉及的组件及其逻辑关系 页面(Page): 表格(Table): 字段(Field): 属性(Property): 值(Value): 按钮(Button): 事件(Event): 模型(Model): 脚本(Script): 服务(Service): 服务编排(Se…

【 SpringCloud | 微服务 网关技术 】

单体架构时我们只需要完成一次用户登录、身份校验&#xff0c;就可以在所有业务中获取到用户信息。而微服务拆分后&#xff0c;每个微服务都独立部署&#xff0c;这就存在一些问题&#xff1a; 每个微服务都需要编写登录校验、用户信息获取的功能吗&#xff1f; 当微服务之间调…

python,Dataframe基于所有包含某个关键字的列等于某个值过滤

在 Python 中&#xff0c;使用 Pandas 的 DataFrame 丢弃符合特定条件的行&#xff0c;条件为所有包含某个关键字的列中&#xff0c;等于某个值&#xff08;即所有包含某个关键字的列中等于某个值的行&#xff09;&#xff0c;可用以下方法实现&#xff1a; import pandas as …

50天50个小项目 (Vue3 + Tailwindcss V4) ✨ | Sound Board(音响控制面板)

&#x1f4c5; 我们继续 50 个小项目挑战&#xff01;—— SoundBoard 组件 仓库地址&#xff1a;https://github.com/SunACong/50-vue-projects 项目预览地址&#xff1a;https://50-vue-projects.vercel.app/ &#x1f3af; 组件目标 实现一个响应式按钮面板&#xff0c;点…

在Ubuntu20.04上安装ROS Noetic

本章教程,主要记录在Ubuntu20.04上安装ROS Noetic。 一、添加软件源 sudo sh -c . /etc/lsb-release && echo "deb http://mirrors.tuna.tsinghua.edu.cn/ros/ubuntu/ `lsb_release -cs` main" > /etc/apt/sources.list.d/ros-latest.list二、设置秘钥 …

神经网络基础:从单个神经元到多层网络(superior哥AI系列第3期)

&#x1f9e0; 神经网络基础&#xff1a;从单个神经元到多层网络&#xff08;superior哥AI系列第3期&#xff09; 哈喽&#xff01;各位AI探索者们&#xff01;&#x1f44b; 上期我们把数学"怪兽"给驯服了&#xff0c;是不是感觉还挺轻松的&#xff1f;今天我们要进…

03 APP 自动化-定位元素工具元素定位

文章目录 一、Appium常用元素定位工具1、U IAutomator View Android SDK 自带的定位工具2、Appium Desktop Inspector3、Weditor安装&#xff1a;Weditor工具的使用 4、uiautodev通过定位工具获取app页面元素有哪些属性 二、app 元素定位方法 一、Appium常用元素定位工具 1、U…

Java消息队列与安全实战:谢飞机的烧饼摊故事

Java消息队列与安全实战&#xff1a;谢飞机的烧饼摊故事 第一轮&#xff1a;消息队列与缓存 面试官&#xff1a;谢飞机&#xff0c;Kafka和RabbitMQ在电商场景如何选型&#xff1f; 谢飞机&#xff1a;&#xff08;摸出烧饼&#xff09;Kafka适合订单日志处理&#xff0c;像…

Unity中的MonoSingleton<T>与Singleton<T>

1.MonoSingleton 代码部分 using UnityEngine;/// <summary> /// MonoBehaviour单例基类 /// 需要挂载到GameObject上使用 /// </summary> public class MonoSingleton<T> : MonoBehaviour where T : MonoSingleton<T> {private static T _instance;…

day 40 python打卡

仔细学习下测试和训练代码的逻辑&#xff0c;这是基础&#xff0c;这个代码框架后续会一直沿用&#xff0c;后续的重点慢慢就是转向模型定义阶段了。 # 先继续之前的代码 import torch import torch.nn as nn import torch.optim as optim from torch.utils.data import DataL…

进阶日记(一)大模型的本地部署与运行

目录 一、背景知识 为什么要在本地部署大模型&#xff1f; 在本地部署大模型需要做哪些准备工作&#xff1f; &#xff08;1&#xff09;硬件配置 &#xff08;2&#xff09;软件环境 有哪些部署工具可供选择&#xff1f; 二、Ollma安装 Ollama安装完之后&#xff0c;还…

Spring Boot Starter 自动装配原理全解析:从概念到实践

Spring Boot Starter 自动装配原理全解析&#xff1a;从概念到实践 在Spring Boot开发中&#xff0c;Starter和自动装配是两个核心概念&#xff0c;它们共同构成了“开箱即用”的开发体验。通过引入一个Starter依赖&#xff0c;开发者可以快速集成第三方组件&#xff08;如Red…

win11回收站中出现:查看回收站中是否有以下项: WPS云盘回收站

好久没更新了&#xff0c;首先祝所有大朋友、小朋友六一儿童节快乐&#xff0c;真的希望我们永远都不会长大呀&#xff0c;长大真的好累呀(•_•) 免责声明 笔者先来个免责声明吧&#xff0c;被网上的阴暗面吓到了 若读者参照笔者的这篇文章所执行的操作中途或后续出现的任何…