vue禁止点击事件_分享8个非常实用的Vue自定义指令

80 阅读 0 评论 53 点赞

我是靠谱客的博主兴奋身影，最近开发中收集的这篇文章主要介绍vue禁止点击事件_分享8个非常实用的Vue自定义指令，觉得挺不错的，现在分享给大家，希望可以做个参考。

概述

在 Vue，除了核心功能默认内置的指令 ( v-model 和 v-show )，Vue 也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通 DOM 元素进行操作。

Vue 自定义指令有全局注册和局部注册两种方式。先来看看注册全局指令的方式，通过 Vue.directive( id, [definition] ) 方式注册全局指令。然后在入口文件中进行 Vue.use() 调用。

批量注册指令，新建 directives/index.js 文件

import copy from './copy'
import longpress from './longpress'
// 自定义指令
const directives = {
    
  copy,
  longpress,
}

export default {
    
  install(Vue) {
    
    Object.keys(directives).forEach((key) => {
    
      Vue.directive(key, directives[key])
    })
  },
}

在main.js引入并调用