1.前言 在word中，当我们需要删除一大段文本的时候，我们按一下键盘上的退格键，就会删除一个字，当我们长按住退格键时，就会连续不停的删除，这就是键盘按键的长按功能。那么我们也想在网页中让一个按钮也具有“长按”和“单击”不同的功能，该怎样实现呢？下面我们采用vue自定义指令的方式，来实现一个长按指令 ...
分类：
其他好文 时间：
2018-08-28 00:56:25
阅读次数：
200
Vue 也允许注册自定义指令。注意，在 Vue2.0 中，代码复用和抽象的主要形式是组件。 局部指令： 钩子函数： 一个指令定义对象可以提供如下几个钩子函数 (均为可选)： bind：只调用一次，指令第一次绑定到元素时调用。在这里可以进行一次性的初始化设置。 inserted：被绑定元素插入父节点时 ...
分类：
其他好文 时间：
2018-07-31 22:02:53
阅读次数：
162
1.main.js 文件中定义全局指令 import Vue from 'vue'import App from './App'Vue.config.productionTip = false //定义全局指令Vue.directive('focus',{ inserted:function(el) ...
分类：
其他好文 时间：
2018-06-02 22:51:26
阅读次数：
190
输出： 说明： https://cn.vuejs.org/v2/guide/custom-directive.html#ad ...
分类：
其他好文 时间：
2018-05-15 19:41:43
阅读次数：
182
1. 插件与组件 在讲解插件之前，我们首先来了解下vue插件和组件的关系，在我们的vue项目中我们使用组件的频率往往会大于插件，关系如下图所示： 插件与组件 在没有封装组件之前，如果不使用第三方插件，那么很多情况下我们会编写几个常用的组件来提供给页面使用，如Alert/Loading组件，而你可能需 ...
分类：
其他好文 时间：
2018-04-06 12:18:51
阅读次数：
179
除了核心功能默认内置的指令(v-model和v-show等)，Vue也允许注册自定义指令。1.例子一：<!DOCTYPEhtml><html><headlang="en"><metacharset="UTF-8"><title></title><style></styl
分类：
其他好文 时间：
2018-03-26 22:26:17
阅读次数：
111
一、自定义指令 除了默认设置的核心指令( v-model 和 v-show )， Vue 也允许注册自定义指令。 下面我们注册一个全局指令 v-focus，该指令的功能是在页面加载时，元素获得焦点： 用 directives 选项来注册局部指令，这样指令只能在这个实例中使用 二、钩子 1、钩子函数 ...
分类：
其他好文 时间：
2018-03-07 00:57:10
阅读次数：
315
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>Title of page</title> </head> <body> <div id="exss"> <input v-focus> </div> </body><script ...
分类：
其他好文 时间：
2018-03-04 17:12:30
阅读次数：
123
1.今天复习一下Vue自定义指令的代码，结果出现一个很无语的结果，先贴代码。 2. 3.结果打开页面，一片空白，宽高都有设置，div并没有变黑。检查代码怎么都是对的，没有语法错误。然后考虑到是不是vue.min.js文件的问题，然后从官网下载了开发版，用vue.js。结果有惊喜的发现。 4.原来生产 ...
分类：
其他好文 时间：
2018-03-04 16:06:19
阅读次数：
413
