首页 > 其他分享 >vue 给元素或子组件添加标识ref

vue 给元素或子组件添加标识ref

时间:2022-10-12 21:00:08浏览次数:65  
标签:vue refthis title refs 或子 添加 组件 ref

给元素或子组件注册引用信息(id的替代者)

//添加ref
<h1 ref="title"></h1>
//相当于<h1 id="title"></h1>

//获取ref
this.$refs.title;
//相当于document.getElementById("title");


//组件添加ref
<schoolCp ref="sch"><schoolCp>
this.$refs.sch;


标签:vue,refthis,title,refs,或子,添加,组件,ref
From: https://blog.51cto.com/u_15694202/5751556

相关文章

  • vue+java AES 加密 解密
    后端:导入aes依赖<!--aes加密工具--><dependency><groupId>commons-codec</groupId><artifactId>commons-codec</artifactId><version>1.15</versi......
  • Vue10货物增删改查
    序实现简单的增删改查案例实现效果源码<!DOCTYPEhtml><html> <head> <metacharset="utf-8"/> <title></title> <style> th{ background-color:......
  • vue11 组件初识
    序组件(component)是vue.js最强大的功能之一。组件的作用就是封装可重用的代码,通常一个组件就是一个功能体,便于在多个地方都能够调用这个功能体。每个组件都是Vue的实例对......
  • webpack5 + vue3 打包问题
    1,打包后本地访问空白或者404问题解决办法:  2, 打包CSS图片路径不正确问题在生产模式下,使用的MiniCssExtractPlugin.loader代替style-loader,但图片、字体等资源......
  • Vue项目添加水印
    1.utils文件夹下创建canvas画布水印文件utils/watermark.jsletwatermark={}letsetWatermark=(str)=>{letid='1.23452384164.123412416';if(docume......
  • 2022-10-12 vue+uniapp+echarts 使用记录
    第一步:安装echartsnpmiecharts第二步:在main.js引入echartsimportechartsfrom'echarts'Vue.prototype.$echarts=echarts第三步:在项目中使用<template>......
  • 2022-10-12 vue+uniapp+echarts 报错日志
    这里是vue+uniapp+echarts报错日志报错一:.initisundefined初始化图表失败,请检查你的echarts是否安装成功成功==》请检查你当前安装的版本是否过高,是==》降低版本(比......
  • Vue工程环境配置
    Vue1.vue-cli/webpack使用vue.js开发大型应用需要使用webpack打包工具,本节研究webpack的使用方法。Webpack是一个前端资源的打包工具,它可以将js、image、css等资源当......
  • Vue通过ref获取不到$refs
    原文地址:https://blog.csdn.net/weixin_41542329/article/details/124432644?spm=1001.2101.3001.6650.2&utm_medium=distribute.pc_relevant.none-task-blog-2%7Edefault%......
  • vue首页白屏
    路由模式错误将路由模式mode设置成了history,默认hash;将其修改为hashdist文件引用路径错误打包后dist目录下文件的引用路径不对,因找不到文件而报错白屏修改config下i......