1.1 自动获取焦点 在自动获取焦点的学习中涉及到了一个钩子函数 mounted(),它表示页面一加载进来就执行函数里面的内容,(和window.onload相似,这样有助于理解),mounted 钩子函数的名字不能随便更改,而且不能写在 methods 属性里面 方法1: 在vue中 通过操作 d ...
分类:
其他好文 时间:
2018-10-23 00:06:53
阅读次数:
567
自定义指令 简介 除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令。注意,在 Vue2.0 中,代码复用和抽象的主要形式是组件。然而,有的情况下,你仍然需要对普通 DOM 元素进行底层操作,这时候就会用到自定义指令。举个聚焦输入框的例子,如下: 当页面加 ...
分类:
其他好文 时间:
2018-10-17 16:50:26
阅读次数:
183
最近在学习自定义指令,这里做个整理 vue允许注册自定义指令,在2.0中,代码复用和抽象的主要形式是组件。然而有的情况下仍需要对普通DOM元素进行底层操作,这时就会用到自定义指令。 全局指令directive,局部指令directives 一个指令定义对象可以提供的钩子函数: bind:只调用一次, ...
分类:
其他好文 时间:
2018-10-10 14:20:44
阅读次数:
167
v-textv-forv-html 指令: 扩展html语法 自定义指令:1. 自定义属性指令: 指令名称: v-red -> red * 注意: 必须以 v-开头(定义时去掉v-) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF ...
分类:
其他好文 时间:
2018-10-07 13:45:33
阅读次数:
188
自定义指令 demo: "JSbin" 除了核心功能默认内置的指令 (v model 和 v show),Vue 也允许注册自定义指令。注意,在 Vue2.0 中,代码复用和抽象的主要形式是组件。然而,有的情况下,你仍然需要对普通 DOM 元素进行底层操作,这时候就会用到自定义指令。 这篇博客写得略 ...
分类:
Web程序 时间:
2018-10-06 15:28:43
阅读次数:
209
1、项目结构 2、src下的入口文件 https://github.com/ElemeFE/element/blob/dev/src/index.js 入口文件实现的功能为: (1)国际化配置 (2)组件全局注册 (3)在prototype上挂载共用方法 3、自定义指令directives 自定义指 ...
分类:
其他好文 时间:
2018-09-29 17:41:40
阅读次数:
292
内容回顾: -- ES6常用语法 -- 变量定义 -- 模板字符串 -- 类 -- 函数 -- 数据的解构 -- vue的常用指令 -- v-text -- v-html -- v-for -- v-if -- v-show -- v-on -- v-model -- v-bind -- 自定义指令 ...
分类:
移动开发 时间:
2018-09-14 23:09:30
阅读次数:
268
1.前言 在word中,当我们需要删除一大段文本的时候,我们按一下键盘上的退格键,就会删除一个字,当我们长按住退格键时,就会连续不停的删除,这就是键盘按键的长按功能。那么我们也想在网页中让一个按钮也具有“长按”和“单击”不同的功能,该怎样实现呢?下面我们采用vue自定义指令的方式,来实现一个长按指令 ...
分类:
其他好文 时间:
2018-08-28 00:56:25
阅读次数:
200
由于angularjs 项目中频繁使用弹窗,完全自行编写耗时耗力,所以结合ui-boostrap 中的modal 模块来实现功能 经过一步步实践和优化后,尽量减少中间环节,最终确认使用自定义指令来实现弹窗功能。 js 及css 文件引入: 自定义弹窗指令: angular.module('commo ...
分类:
Web程序 时间:
2018-08-13 13:51:00
阅读次数:
994