Vue封装自定义指令focus

最新推荐文章于 2024-06-04 15:27:50 发布

Li星辰

最新推荐文章于 2024-06-04 15:27:50 发布

阅读量498

点赞数

分类专栏： vueutils工具文章标签： vue.js javascript es6

本文链接：https://blog.csdn.net/lilingjun63/article/details/118245172

版权

本文介绍如何在Vue中封装一个自定义指令`focus`，用于自动获取输入框焦点。通过Vue插件开发方式，提供两种实现：一是传入带有`install`方法的对象进行全局注册；二是直接传入函数体。实现代码包含在`directives.js`文件中，并在`main.js`中引入并全局注册。

摘要由CSDN通过智能技术生成

功能: 自动获取输入框焦点

方式: 采用Vue插件开发方式

方式1: 传入对象(带install方法) - 给Vue添加全局的东西(Vue插入插件)

方式2: 传入函数体

代码实现:

第一步:在utils文件夹下新建directives.js文件

import Vue from 'vue'
const obj = {
   
  install () {
   
    // Vue.prototype.$属性 = 值
    // 全局自定义指令
    Vue.directive('focus'

关注

专栏目录