首页 > 其他分享 >vue中ref的用法

vue中ref的用法

时间:2023-07-24 10:45:09浏览次数:60  
标签:domxx vue refs 用法 Vue ref

1,可以引用元素,通过this.$refs.domxx直接操作元素。

<div ref="domxx"></div> 

methods: {
  getxx() {
    console.log(this.$refs.domxx) // 访问DOM元素
  }  
}

2,可以绑定组件实例,访问组件的属性和方法;

参考地址:(22条消息) Vue中ref的用法_我心向阳.的博客-CSDN博客

Template Refs | Vue.js (vuejs.org)

 

标签:domxx,vue,refs,用法,Vue,ref
From: https://www.cnblogs.com/Tpf386/p/17576611.html

相关文章

  • 一个nginx + vue下二级路径版本化方案
    过程说明:1、arg_appver表示读取url上appver参数2、对appver参数做变量映射得到alias_party1_test路径。具体条件:没有指定参数的话(即"")指向2.8.0版本化文件夹;默认的话(即default)则指向动态拼接的路径3、第2点里面动态拼接如果不需要版本化则先固定一个路径,如果需要则使用$arg_ap......
  • 2.进程相关命令用法
    ListingProcessesProcesses相关命令的用法psauxaux是参数,不用加扩折号。ps-efvboxuser53774706015:59pts/000:00:00ps-efpgrep-lprocess'sname作用是检索进程id,同时显示进程name。forexample:inbash:pgrep-lsshd696sshdtoptop命令查......
  • SAP UI5 的 Unified Shell 发展历史和用法介绍试读版
    本教程前面的文章,我们介绍了SAPUI5的UIArea:SAPUI5应用开发教程之六番外篇-什么是SAPUI5应用的UIArea以及SAPUI5容器类控件的一些例子,比如Page和Panel控件:SAPUI5应用开发教程之十一:SAPUI5容器类控件Page和Panel在SAPUI5发展历史上,sap.ui.......
  • 图解 Vue 响应式原理
    Vue初始化模板渲染组件渲染为了便于理解,本文将从以下两个方面进行探索:从Vue初始化,到首次渲染生成DOM的流程。从Vue数据修改,到页面更新DOM的流程。Vue初始化先从最简单的一段Vue代码开始:"""<template><div> {{message}}</div></template><......
  • vue--dat41--scoped作用域
    1.scoped样式作用:让样式在局部生效防止冲突写法 <stylescoped>    </style> npmviewwebpackversions. 查看webpack的版本npmviewless-loaderversions查看less-loader版本npmiless-loader  安装less-loader......
  • vue--day40--plugins插件
    1.main.js/***该文件是整个项目的入口文件*///引入VueimportVuefrom'vue'//引入App组件他是所有组件的父组件importAppfrom'./App.vue'//引入插件importpluginsfrom'./plugins'//关闭vue的生产提示Vue.config.productionTip=false//应用插件Vue.us......
  • vue--day39--mixin混合
    组件就是在复用代码,如果组件里面有许多配置是相同的可以借助混合去复用  1.minxin.js//组件就是在复用代码,如果组件里面有许多配置是相同的可以借助混合去复用exportconsthunhe={methods:{showName(){alert(this.name);}},//混合中的生命钩子函数和组件中的钩子......
  • map.xml文件报The content of element type "mapper" must match "(cache-ref|cache|r
    出现这个问题 是因为  <insert></insert>  <delete></delete>  <update></update>  <select></select>等标签写的不完整或者写错位置了比如<insert></insert>只写了一个,没有写结尾</insert>或者<insert></insert>中的</in......
  • vue 学习第1天
    vue的特点:1.采用组件化模式,提高代码复用率,且让代码更好维护,一个模块可以封装组件2.声明式编码,提高开发效率,心有林夕,标签+for循环,而不是一步步去写3.虚拟dom,相当于后端的缓存 脚手架的文件的格式1:vue-cli脚手架初始化项目2:node+webpack+淘宝镜像node_modules......
  • 【技术积累】Vue中的核心知识【三】
    this关键字在Vue中,this关键字是指向当前组件实例的引用。它可以在组件的各个方法和生命周期钩子函数中使用。在组件的方法中,this指向当前组件实例,可以通过this访问组件的属性和方法。例如,可以通过this.message访问组件的data中的message属性。在生命周期钩子函数中,this同样......