页面载入时，input 元素自动获取焦点：

热门：华为支持参数分辨率解决方法控制属性启动升级错误平台推荐步骤模式查询运行空间文件夹鼠标图标重启激活联想检查状态应用程序

Vue3 自定义指令定义分享

2023-04-13 09:11:34

Vue3 自定义指令定义分享
Vue3 自定义指令
除了默认设置的核心指令( v-model 和 v-show ), Vue 也允许注册自定义指令。
 
下面我们注册一个全局指令 v-focus, 该指令的功能是在页面加载时，元素获得焦点：
 
实例
<div id="app">
    <p>页面载入时，input 元素自动获取焦点：</p>
    <input v-focus>
</div>
 
<script>
const app = Vue.createApp({})
// 注册一个全局自定义指令 `v-focus`
app.directive('focus', {
  // 当被绑定的元素挂载到 DOM 中时……
  mounted(el) {
    // 聚焦元素
    el.focus()
  }
})
app.mount('#app')
</script>
指令自定义分享自定义指令元素注册

推荐阅读

    虾类安装经验分享！

    虾类安装经验分享！

    虾类安装经验分享！，，虾类安装经验分享： 1，机箱的电源光盘应该接近代理价格，而内存和硬盘的价格是在互联网上找到的即时价格。主板套件，视频卡

    设置白天指令|切换白天模式的指令

    设置白天指令|切换白天模式的指令

    设置白天指令|切换白天模式的指令，，1. 切换白天模式的指令泰拉瑞亚的白天想要挑强调调就是时间，想要调到白天的话，第一个你要去点击设置当中

    csgo高手快捷键|csgo快捷键指令

    csgo高手快捷键|csgo快捷键指令

    csgo高手快捷键|csgo快捷键指令，，1. csgo快捷键指令反恐精英全球攻势游戏中，死亡竞赛的回合时间60分钟：mp_roundtime 60，休闲/竞技模式的每局

    dota2打电脑指令|dota1打电脑指令

    dota2打电脑指令|dota1打电脑指令

    dota2打电脑指令|dota1打电脑指令，，1. dota1打电脑指令你打电脑Ai 首先就是模式-ap 全英雄选择-rd 随机英雄征召选择-random 就是给你随机

    电脑cpu指令大全|电脑cpu指令集

    电脑cpu指令大全|电脑cpu指令集

    电脑cpu指令大全|电脑cpu指令集，，电脑cpu指令集CPU芯片是微机硬件系统的核心，又称微处理器芯片，其中包括控制器、运算器和寄存器组。1、控制

    牧马人设置|牧马人设置瞎子宏定义

    牧马人设置|牧马人设置瞎子宏定义

    牧马人设置|牧马人设置瞎子宏定义，，1. 牧马人设置瞎子宏定义方法一：进入宏管理器，新建宏，开始录制，将“瞬狙和跳箱子”的操作按 键盘输入 ，录制