vue3自动暴露element-plus组件的ref

news/2024/11/17 2:25:01/

自动暴露子组件的方法,注意在TS下,需要自己声明类型,我这里全用any代替了

<template><el-button @click="getFocus">获得焦点</el-button><com ref="comRef" />
</template><script setup lang="ts">
import { ref } from 'vue'
import com from './components/com.vue'const comRef = ref(null);
const getFocus = () => {(comRef.value! as any).focus()
};
</script>

子组件

<template><el-input v-model="val" placeholder="请输入文本框" ref="inputRef" />
</template><script setup lang="ts">
import { ref } from 'vue'
import { InputInstance } from 'element-plus'const val = ref('');
const inputRef = ref<null | InputInstance>(null);defineExpose(new Proxy({}, {get(_target, key) {return (inputRef.value as any)?.[key];},has(_target, key) {return key in inputRef.value! as any;},
}))
</script>

http://www.ppmy.cn/news/1531645.html

相关文章

cobaltstrike之execute-assembly内存加载—后渗透利用

通过execute-assembly内存加载来执行文件&#xff0c;从而避免后渗透中被杀毒软件静态报毒&#xff0c;使更多的工具能够继续利用&#xff0c;常见的方式有权限维持&#xff0c;代理上线等操作 远程bin文件加载 首先尝试远程加载bin文件 使用项目https://github.com/shanekha…

React 启动时webpack版本冲突报错

报错信息&#xff1a; 解决办法&#xff1a; 找到全局webpack的安装路径并cmd 删除全局webpack 安装所需要的版本

Humans or LLMs as the Judge? A Study on Judgement Bias

文章目录 题目摘要引言相关作品论法官的偏见实验方案结果与讨论欺骗LLM法官结论 题目 人类还是LLMs作为裁判&#xff1f;判断偏差研究 论文地址&#xff1a;https://arxiv.org/pdf/2402.10669 摘要 采用人类和大型语言模型(LLM)作为评估LLM性能的评判者(也称为人类和LLM-as-a…

【BurpSuite】访问控制漏洞和权限提升 | Access control vulnerabilities (3-6)

&#x1f3d8;️个人主页&#xff1a; 点燃银河尽头的篝火(●’◡’●) 如果文章有帮到你的话记得点赞&#x1f44d;收藏&#x1f497;支持一下哦 【BurpSuite】访问控制漏洞和权限提升 | Access control vulnerabilities (3-6&#xff09; 实验三 Lab: User role controlled b…

区块链可投会议CCF C--FC 2025 截止10.8 附录用率

Conference&#xff1a;Financial Cryptography and Data Security (FC) CCF level&#xff1a;CCF C Categories&#xff1a;network and information security Year&#xff1a;2025 Conference time&#xff1a;14–18 April 2025, Miyakojima, Japan 录用率&#xff1…

如何避免IP污染

在互联网使用中&#xff0c;IP污染问题日益显现&#xff0c;尤其在代理IP、网络爬虫、数据采集和跨境业务中。IP污染会导致访问受限、封禁等问题&#xff0c;严重影响正常的网络操作。那么&#xff0c;什么是IP污染&#xff1f;如何有效避免&#xff1f;本文将探讨其原因和预防…

【教学类-18-04】20240508《蒙德里安“黑白格子画” 七款图案挑选》

背景需求 最近有2位客户买了蒙德里安黑白格子画的素材&#xff0c;其中一位问是否是1000张。 【教学类-18-03】20240508《蒙德里安“红黄蓝黑格子画”-A4横版》&#xff08;大小格子&#xff09;_processing简单图形画蒙德里安-CSDN博客文章浏览阅读1.1k次&#xff0c;点赞35次…

一文上手SpringSecurity【五】

对于前后端不分离的项目,我们可以采用一文上手SpringSecurity【四】当中的方式来自定义用户的登录页面和数据源,数据源目前采用的是模拟的方式来实现的,本篇内容主要介绍一下spring security对于前后端分离项目如何实现认证和授权的. 一、前后端分离的认证面对的问题 1.1 传统…