vue 自定义指令的使用案例

参考资料：

1. vue 自定义指令；

2. vue 自定义指令实现 v-loading；

 

　　v-loading，是 element-ui 组件库中的一个用于数据加载过程中的过渡动画指令，项目中也很少需要自己去写自定以指令。碰巧这段时间自己练习了编写组件，完成看看能不能实现一个自定义的这样一个指令。话不多说，上代码：

    ...

 

　　注意：

　　　　1.这个示例中，v-loadAnimation 是以局部指令的方式注册的，在写相关 css 的时候，style 标签中不能加入 scoped 字样，否则不会触发效果；

　　　　2.关于指令的钩子函数以及相关参数，具体移步 官方文档；

 

转载于:https://www.cnblogs.com/cc-freiheit/p/10528923.html