input取消焦点 vue_vue获取input焦点，弹框后自动获取input焦点

Document

点开弹框1

点开弹框2

取消

确定

取消

确定

var app = new Vue({

el: '#app',

data() {

return {

id: 'ssssss',

dialogVisibleOne: false, // 弹框显示隐藏

dialogVisibleTwo: false,

one: '',

two: ''

}

methods: {

/**

* 打开第一个弹框自动获取焦点

openOne() {

this.dialogVisibleOne = true // 1. 让弹框显示

this.$nextTick(() => { // 2. 弹框显示DOM更新完成后获取refs.ref1 设置焦点

console.log(this.$refs.ref1)

this.$refs.ref1.focus() // 设置焦点

})

/**

* 打开第二个弹框获取焦点

openTwo() {

this.dialogVisibleTwo = true

this.$nextTick(() => {

this.$refs.refTwo.focus()

})

}

/**

* 自定义指令让打开页面先获取焦点

directives: {

focus: {

// 指令的定义

inserted: function (el) {

el.focus()

}

})

input取消焦点 vue_vue获取input焦点，弹框后自动获取input焦点相关推荐

vue获取input焦点事件_vue获取input焦点，弹框后自动获取input焦点
Document 点开弹框1 点开弹框2 取消确定取消确定 var app = new Vue({ el: '#app', data() { return { id: 'ssssss', ...
falsk 下拉框（自动获取默认数据）与输入框案例及数据提交接收
入口页 app.py from flask import Flask, render_template, request from flask_paginate import Pagination, ...
windows2012取消自动ipv4_win10系统ipv4自动获取怎么关闭_win10系统ipv4自动获取如何取消...
每一个接入互联网的设备都会被分配一个独一无二的数字,从而能够使用网络协议进行连接和数据传输,这一串数字就是IP地址,而IPv4 则是目前使用最广泛的网络协议,而每次win10系统开机时ipv4都会自动 ...
微信最新授权登录微信小程序无法弹出授权弹框 open-type getUserInfo获取不到用户信息授权不弹框
解决办法使用getUserProfile接口 !!!! 大大的坑啊,调试了半天 getUserProfile(e) {// 推荐使用wx.getUserProfile获取用户信息,开发者每次通过该接 ...
计算机窗口老失去焦点,win7系统电脑使用优化软件后当前窗口失去焦点
自win7系统面世以来,就以其稳定.安全深得广大用户喜爱,即使在完美的系统也会出现故障问题.win7系统使用过一段时间之后就容易出现运行缓慢的现象,很多用户会选择使用优化软件来加快运行速度,但是优化过 ...
html获取选中复选框的值,获取html复选框列表选中的值隐藏字段
如何获取选中的复选框id到一个隐藏的变量?获取html复选框列表选中的值隐藏字段我收到此错误. SyntaxError: unterminated string literal var test = ...
【CentOS7配置】如何设置：启动后自动获取网络连接、配置固定IP
自动获取网络连接如果每次启动CentOS之后,都要手动连接网络的话,那也太麻烦了.我们通过设置,可以实现网络的自动连接.方法如下: (1)首先,点击桌面右上角,找到Wired Settings,点击 ...
DHCP自动获取IP地址的过程（自动获取ip地址的过程）
我们电脑(或者W5500)在自动获取IP地址的过程(通过DHCP请求获取IP的过程),电脑是客户端,路由器是DHCP客户端. 1.DHCP的请求的总过程 1.1在 DHCP请求的过程中,包括 4 个主 ...
linux设置网络ip自启动,【CentOS7配置】如何设置：启动后自动获取网络连接、配置固定IP...
自动获取网络连接如果每次启动CentOS之后,都要手动连接网络的话,那也太麻烦了.我们通过设置,可以实现网络的自动连接.方法如下: (1)首先,点击桌面右上角,找到Wired Settings,点击 ...
iOS APP内置WKWebView加载网页获取位置权限弹框文字是英文
使用WKWebView加载网页,网页上获取位置权限.选择相册弹出框显示英文,如图: 网页选择相册网页获取当前位置出现英文是因为项目没有本地化,只需要在info.plist里面添加Localized ...

input取消焦点 vue_vue获取input焦点，弹框后自动获取input焦点

input取消焦点 vue_vue获取input焦点，弹框后自动获取input焦点相关推荐

最新文章

热门文章