1、原生基础组件
<button @click="myFocus" ref="toFocus"><button>

this.$refs.toFocus.focus();

2、封装组件、element组件等

需要多加一层 .$el

<el-button type="primary" size="mini" @click="routerLink" ref="buttonFocus">信息维护</el-button>

this.$refs.buttonFocus.$el.focus();

　　



vue中默认聚焦的方法、默认按钮高亮、input聚焦等等的更多相关文章

  1. vue中添加util公共方法&&ES6之import、export

    vue中添加util公共方法&&ES6之import.export https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Re ...

  2. 原生js中获取this与鼠标对象以及vue中默认的鼠标对象参数

    1.通过原生js获取this对象 <!DOCTYPE html> <html> <head> <meta charset="utf-8" ...

  3. vue中mixins的使用方法和注意点（详）

    mixins基础概况 vue中的解释是这样的,如果觉得语言枯燥的可以自行跳过嘿~ 混入 (mixins): 是一种分发 Vue 组件中可复用功能的非常灵活的方式.混入对象可以包含任意组件选项.当组件使 ...

  4. Vue中导出Excel表格方法

    本文记录一下在Vue中实现导出Excel表格的做法.参考度娘上各篇博客,最后实现功能 Excel表格,我的后端返回的是数据流,然后文件名是放进了content-disposition中,前端进行获取. ...

  5. 对vue中 默认的 config/index.js:配置的详细理解 -【以及webpack配置的理解】-config配置的目的都是为了服务webpack的配置，给不同的编译条件提供配置

    当我们需要和后台分离部署的时候,必须配置config/index.js: 用vue-cli 自动构建的目录里面  (环境变量及其基本变量的配置) var path = require('path') ...

  6. vue中 localStorage的使用方法（详解）

    vue中实现本地储存的方法:localStorage,在HTML5中,新加入了一个localStorage特性,这个特性主要是用来作为本地存储来使用的,解决了cookie存储空间不足的问题(cooki ...

  7. 第七十六篇：ref引用(在vue中引用Dom的方法)

    好家伙, 引子: jQuery简化了程序员操作DOM的过程 vue 优势:MVVM 在vue中,程序员不需要操作DOM.程序员只需要把数据维护好即可!(数据驱动视图) 那么若要在vue中操作dom,这 ...

  8. vue中计算属性computed方法内传参

    vue中computed计算属性无法直接进行传参 如果有传参数的需求比如说做数据筛选功能可以使用闭包函数(也叫匿名函数)实现 例如: 在上篇博客vue安装使用最后的成绩表练习中的过滤功能的实现: &l ...

  9. 在Vue中关闭Eslint 的方法

    在vue项目中关闭ESLint方法:找到 webpack.base.conf.js 将这些代码注释掉, { test: /\.(js|vue)$/, loader: 'eslint-loader', ...

  10. vue中引入awesomeswiper的方法以及编写轮播组件

    1.先安装less-loader npm install less less-loader --save 2.再安装css-loader npm install css-loader --save 3 ...

随机推荐

  1. GHCTF 2025 web 萌新初探wp

    ctf萌新第一次写wp,如有错误请师傅们指出 [GHCTF 2025]SQL??? 打开靶机是一个用户查询的页面,结合题目名称猜测是sql注入,但是常规方法都试过了没办法注入,当时也是很懵逼,后来一个 ...

  2. DeepSeekMath -- GRPO

    Deepseek系列博客目录 Model 核心 Date DeepSeekLLM 探究LLM Scalling Law 2024.01 DeepSeekMath 提出GRPO 2024.04 Deep ...

  3. kubernetes集群GPU支持方案

    一.kubernetes对GPU的支持版本 kubernetes提供对分布式节点上的AMD GPU和NVIDIA GPU管理的实验性的支持.在V1.6中已经添加了对NVIDIA GPU的支持,并且经历 ...

  4. 一个基于 .NET 8 + Ant Design Blazor 开发的简洁现代后台管理框架

    前言 今天大姚给大家分享一个基于 .NET 8 + Ant Design Blazor 开发的简洁现代后台管理框架:Caviar. 项目介绍 Caviar 是一个基于 .NET 8 + Ant Des ...

  5. 看PHP7底层源码与设计 读后感

    对PHP的理解 读完这本书以后,发现自己好像不会PHP,自己知识PHP代码的搬运工,对数组的实现,内存管理,生命周期,垃圾回收,面向对象,Zend虚拟机这些知识点,这些都不知道,现在也说不上来,具体的 ...

  6. AES256加密解密

    REPORT zged_aes. DATA lv_message_string TYPE string. DATA lv_message_decrypted TYPE XSTRING. " ...

  7. 推荐五大AI+MCP自动化测试工具！

    在当今快速发展的软件行业,自动化测试已成为提升开发效率和产品质量的关键.今天,我们将给大家推荐五大MCP自动化测试工具,助你在自动化测试领域更进一步. 1.MCP介绍 首先,你得知道,MCP是什么? ...

  8. 202x年开发jar小游戏

    原因 怀旧 安装开发工具 安装jdk 去官网下载32位的jdk1.8. 安装Wireless Toolkit J2ME Wireless Toolkit是Sun的无线开发工具包,这一工具包的设计目的是 ...

  9. Rust修仙之道 第十四章 宏灵境 · 灵咒重铸之术

    第十四章:宏灵境 · 灵咒重铸之术 "术之极者,可铸术自身:言之极者,语法亦可铸." 顾行云在整理灵术模块时,发现冗余术式重复繁复,若能一术生万术,岂非大成? 此时,一道灵书显现: ...

  10. 前端开发系列072-JQuery篇之框架Ajax模块

    一.jQuery框架中的Ajax简介 Ajax技术的核心是XMLHTTPRequest对象,该对象是Ajax实现的关键,发送异步请求.接收服务器端的响应以及执行回调等操作都是通过XMLHTTPRequ ...