tnblog
首页
视频
资源
登录
什么时候才能领悟,取之越多失之越多
排名
5
文章
229
粉丝
15
评论
7
ICP备案 :渝ICP备18016597号-1
网站信息:2018-2025TNBLOG.NET
技术交流:群号656732739
联系我们:contact@tnblog.net
公网安备:50010702506256
欢迎加群交流技术

vue3 ref的使用,多个ref的使用。通过ref触发点击事件

8980人阅读 2022/8/23 11:52 总访问:1167740 评论:0 收藏:0 手机
分类: 前端

多个ref获取的方法可以使用一样的,通过变量名来区分就行了

  1. const vabUploadRef = ref()
  2. const multipleTableRef = ref()

名称和保持定义的时候一致就行了

  1. <vab-upload ref="vabUploadRef">
  2. <el-table :data="tableData" ref="multipleTableRef">

通过ref触发点击事件

  1. const inputImgFile = ref()
  2. const addImgClick = ()=>{
  3. // alert("点击了!")
  4. inputImgFile.value.click()
  5. }

注意如果setup写到里边的,ref获取对应的变量名也要通过return返回才行,不然拿到的对象就不对


欢迎加群讨论技术,1群:677373950(满了,可以加,但通过不了),2群:656732739。有需要软件开发,或者学习软件技术的朋友可以和我联系~(Q:815170684)

评价

vue3 ref转化成 HTMLElementvue3通过ref获取dom节点

vue3其实是可以直接利用ref获取dom节点的,代码如下&lt;template&gt; &lt;div class=&quot;app-container&quot;&gt; ...

天地图的使用

2018.04.17号,我来到了我现在的这个公司,公司是做地理信息的,是中地数码集团在成都的合署公司,既然都说了是左地理信息...

vue.js 学习日记第五章-v-if和v-for指令的使用方式

官网:https://cn.vuejs.org/v2/guide/ vue.js学习日记第四章: http://www.tnblog.net/18323015640/article/details/2...

C6.0-7.3 unsafe 不安全块的使用

unsafe关键字相信很多朋友都没有用到过今天特此来讲一下1.在unsafe中可以调用指针这是非常重要的一点 1 简单的案例:statici...

线程的使用方法

首先引用线程的命名空间using System.Threading;实例化线程把逻辑代码放进去使用该属性必须用async进行修饰线程回调首先在...

C中webapi结合swagger的使用

一、使用nuget下载Swagger包 命令:Install-Package Swashbuckle二、Swagger配置 1、安装完Swashbuckle后,nuget会将相关...

vus.js的style的使用,让它随上拉刷新和下拉加载都可以改变

主要代码:```csharp varstrclass=[]; varMyStyleclass=function(strclass,len){ varchar=[]; for(varj=65,i=97;j&lt;=...

微信公众号排版的使用

你可以在线编辑,有很多的编辑器可以用,比如有[96编辑器](https://bj.96weixin.com/),[135编辑器](https://www.135editor...

windows的cef的使用

cef使用先准备一个准备工作,由于cef仅支持32位操作系统的,所以要把64位切换为32位。第一是目标平台第二是两个做好之后安...

微信小程序canvas的使用

画布。2.9.0 起支持一套新 Canvas 2D 接口(需指定 type 属性),同时支持同层渲染。Canvas 2D 示例代码html:&lt;canvastyp...

【Apache Thrift】Thrift的使用和编译(二)

一、Thrift的使用 1.1基本类型 thrift不支持无符号类型,因为很多编程语言不存在无符号类型,比如javabyte: 有符号字节i16:...

ES6中一些常用基本函数的使用

前端刷副本日记chapter2!!ES6中一些常用基本函数的使用//按条件筛选数组中指定的值//varresult=[];//varsports=[&quot;篮...

.NET CORE 3.1 URL 生成的使用,配合中间件

URL 生成:是指路由基于一系列路由值创建 URL 路径的过程。允许终结点与访问它们的 URL 之间存在逻辑分隔。常用方法GetPath...

Redis的使用

一、先安装缓存:Windows建议安装3.2.1版本(网上教程多)启动Redis:安装好后在所在目录写:redis-server redis.windows.con...

本地缓存的使用

本地缓存可以直接使用
你想走,就请立马抽刀,爱一笔勾销。