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

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

Vue3 使用 directives 选项来注册局部指令

2023-04-13 15:46:57

Vue3 使用 directives 选项来注册局部指令
在实例使用 directives 选项来注册局部指令，这样指令只能在这个实例中使用：
 
实例
<div id="app">
    <p>页面载入时，input 元素自动获取焦点：</p>
    <input v-focus>
</div>
 
<script>
const app = {
   data() {
      return {
      }
   },
   directives: {
      focus: {
         // 指令的定义
         mounted(el) {
            el.focus()
         }
      }
   }
}
 
Vue.createApp(app).mount('#app')
指令注册选项获取焦点元素局部

推荐阅读