这是一个使用 webpack 打包的 Vue 自定义指令库。

目的：让前端开发更高效，更专注于业务代码的编写

业务开发过程中，会经常用到按钮权限控制、清空两端空格、限制数字输入等常用方法，为避免不同项目多次复制粘贴的麻烦，这里统一封装，以提高开发效率。

1. 使用 npm 安装:

npm install tyro-directive --save

2. 注册指令：

import Vue from 'vue';
import TyroDirective from "tyro-directive";

Vue.use(TyroDirective);

npm run build // 先webpack打包类库，之后再发布
npm login // 登录
npm publish // 发布

基于 vue 的自定义指令集合，包含

• 按钮权限控制 v-permission
• 清空两端空格 v-trim
• 限制只能输入数字 v-input-number

使用：给按钮加上 v-permission 及权限 code 。（需要配合路由使用 route.meta.btnPermission）

<template>
  <el-button v-permission="'BUTTON_ADD'">新增</el-button>
</template>

使用：给输入框加上 v-trim 。

<template>
  <el-input v-trim v-model="value" />
</template>

使用：给输入框加上 v-input-number 。

<template>
  <el-input v-input-number v-model="value" />
</template>