分类：vue自定义指令

2021
05-02

Vue.js源码分析之自定义指令详解

前言除了核心功能默认内置的指令(v-model和v-show)，Vue也允许注册自定义指令。官网介绍的比较抽象，显得很高大上，我个人对自定义指令的理解是:当自定义指令作用在一些DOM元素或组件上时，该元素在初次渲染、插入到父节点、更新、解绑时可以执行一些特定的操作(钩子函数()自定义指令有两种注册方式，一种是全局注册，使用Vue.directive(指令名，配置参数)注册，注册之后所有的Vue实例都可以使用，另一种是局部注册，在创建Vue... 继续阅读 >

2021
04-27

Vue自定义v-has指令实现按钮权限判断

应用场景以后台管理系统为例，每个用户所拥有的按钮权限不一样。管理员配置权限之后，用户登录时，从接口拿到按钮权限列表，然后根据后台数据判断显示哪些按钮。简单说一下，自定义指令Vue.js官网关于自定义指令的讲解cn.vuejs.org/v2/guide/cu…基础概念Vue除了核心功能默认内置的指令（v-model和v-show）还可以注册自定义指令。在Vue2.0中，代码复用和抽象的主要形式是组件。但有的情况下，仍需要对普通DOM元素进行底层操作，这... 继续阅读 >

2020
10-18

vue自定义树状结构图的实现方法

vue实现自定义树状结构图可动态添加、删除可整体拖拽如需内容也为动态，把组件内容使用input、select等组件替换数据结构treeData:[{name:'1',child:[{name:'2',child:[{name:'1'},{name:'2'}]},{name:'1',child:[{name:'1'},{name:'2'}]}]}]思路：1、先写好一个公共的组件TreeItem2、加上条件判断3、然后递归调用自身组件4、最后直接调用组件就完成了gitHub地址链接... 继续阅读 >