首页 > 其他分享 >vue3自定义指令,全局注册

vue3自定义指令,全局注册

时间:2024-09-19 09:23:36浏览次数:10  
标签:el const 自定义 Directive user vue3 import 全局

1这 是directive.js注册的的

import type { Directive, DirectiveBinding } from "vue";
import useUserStore from "@/stores/user";
import { createPinia } from "pinia";
const userStore = useUserStore(createPinia());
// buttonList: ["user.add", "user.del", "user.edit", "user.res"],是一个数组,包含是否有权限的判断
//1自定义指令--bu展示
const hasPromise: Directive = {
  mounted(el: HTMLElement, option: DirectiveBinding) {
    if (userStore.buttonList.includes(option.value)) {
      el.parentNode!.removeChild(el);
    }
  },
};
// //2自定义指令--disbale
const isdisable: Directive 

标签:el,const,自定义,Directive,user,vue3,import,全局
From: https://blog.csdn.net/jieweiwujie/article/details/142351109

相关文章

  • 【VUE3.0】动手做一套像素风的前端UI组件库---Button
    目录引言做之前先仔细看看UI设计稿解读一下都有哪些元素:素材补充代码编写1.按钮四周边框2.默认状态下按钮颜色立体效果3.鼠标移入聚焦4.模拟鼠标点击效果组件封装1.按类型设置颜色2.设置按钮禁用状态3.处理一个bug4.看下整体组件效果5.完整代码总结引言......
  • 【信创】Linux上如何创建和管理自定义的 systemd 服务 _ 统信 _ 麒麟 _ 方德
    原文链接:【信创】Linux上如何创建和管理自定义的systemd服务|统信|麒麟|方德Hello,大家好啊!今天给大家带来一篇关于在Linux系统上如何创建和管理自己的systemd服务的文章。systemd是Linux系统中的初始化系统和服务管理器,它为系统提供了强大的服务管理功能。通过创建和......
  • uniapp [全端兼容] - 详细实现全局修改设置字体大小功能效果,统一修改页面字号字体大小
    前言网上的教程乱七八糟且兼容性太差,本文提供优质示例。在uni-app全平台兼容(H5网页网站、支付宝/微信小程序、安卓App、苹果App、nvue)开发中,详解实现全局设置字体大小,实现小中大的字体切换,改变设置改变全局字体大小功能,支持要动态设置要变更字号的页面,通过配置来决定......
  • 【原理图PCB专题】案例:原理图设计检查为什么要检查全局网络?
            本案例发生在新人的PCB设计文件中,当然就算硬件老人们,其实只要不注意也很容易出现这种全局网络乱用的问题。    如下所示是给新人的接口参考图纸,要求使用嘉立创绘制16个相同的接口做一个工装板。同时还要增加单片机实现切换控制功能。可以看到座子的24......
  • 【项目实战】如何在项目中自定义错误码
    在项目设计阶段,前端需要根据后端返回的响应来对前端页面进行渲染(比如404页面),通过自定义错误码,可以及时收集并且处理异常信息。自定义错误码几个具体的应用1.错误信息统一处理:全局异常处理器可以将不同种类的异常转化为统一的错误信息格式,提供一致的错误响应给客户端,增强了用......
  • 自定义日志注解,保存信息到数据库
    定义日志注解importjava.lang.annotation.*;/***@authorwzw*@version1.0*@Date2023-2-1717:31:19*/@Target({ElementType.METHOD})@Retention(RetentionPolicy.RUNTIME)@Documentedpublic@interfaceLog{/***描述*@return*/......
  • wpf简单自定义控件
    用户控件(UserControl)和自定义控件(CustomControl)的区别:UserControl:将多个WPF控件(例如:TextBox,TextBlock,Button)进行组合成一个可复用的控件组;由XAML和CodeBehind代码组成;不支持样式/模板重写;CustomControl自定义控件,扩展自一个已经存在的控件,并添加新的功能/特性;由C......
  • 大数据-128 - Flink 并行度设置 细节详解 全局、作业、算子、Slot
    点一下关注吧!!!非常感谢!!持续更新!!!目前已经更新到了:Hadoop(已更完)HDFS(已更完)MapReduce(已更完)Hive(已更完)Flume(已更完)Sqoop(已更完)Zookeeper(已更完)HBase(已更完)Redis(已更完)Kafka(已更完)Spark(已更完)Flink(正在更新!)章节内容上节我们完成了如下的内容:ManageOperatorStateStateBackendCheckpoint......
  • 大数据-123 - Flink 并行度 相关概念 全局、作业、算子、Slot并行度 Flink并行度设置
    点一下关注吧!!!非常感谢!!持续更新!!!目前已经更新到了:Hadoop(已更完)HDFS(已更完)MapReduce(已更完)Hive(已更完)Flume(已更完)Sqoop(已更完)Zookeeper(已更完)HBase(已更完)Redis(已更完)Kafka(已更完)Spark(已更完)Flink(正在更新!)章节内容上节我们完成了如下的内容:FlinkTimeWatermarkJava代码实例测试简单介......
  • 图特征工程实践指南:从节点中心性到全局拓扑的多尺度特征提取
    图结构在多个领域中扮演着重要角色,它能有效地模拟实体间的连接关系,通过从图中提取有意义的特征,可以获得宝贵的信息提升机器学习算法的性能。本文将介绍如何利用NetworkX在不同层面(节点、边和整体图)提取重要的图特征。本文将以NetworkX库中提供的Zachary网络作为示例。这个广为人知......