美文网首页
vue定义过滤器,键盘别名,指令

vue定义过滤器,键盘别名,指令

作者: w_water | 来源:发表于2019-05-28 11:34 被阅读0次

字符串补0方法(时间格式上常用)

String.padstart(n,‘0’)将字符串不足n位的用0从前面填充到n位
String.padend(n,'0')将字符串不足n位的从后面填充0到n位

定义键盘码别名

vue.config.keyCodes.f2=113
vue.config.keyCodes.别名=键盘码

定义全局过滤器和全局指令的时候不需要带 s

定义全局过滤器

vue.filter("过滤器名",function(过滤数据,传入参数){
...................
})

定义全局指令

使用vue.directive()定义全局指令 v-focus
其中参数1,指令的名称,注意定义的时候,指令名称前不需要加v-前缀,但是调用的时候必须在指令前加上v- 前缀进行调用
参数2 是一个对象,这个对象身上,有一些指令相关的函数,这些函数可以在特定的阶段,执行相关的操作
//在每个函数中,第一个参数永远是el,这是一个原生的js对像

vue.directive('focus',{
bind:function(el){
}//每当指令绑定到元素上的时候,会立即执行这个bind,只执行一次
//样式相关的在bind里面执行
inserted:function(el){
el.focus();
}//元素插入到dom中的时候会执行inserted函数
//和js行为相关的操作,最好在inserted中去执行,放置js行为不生效
updated:function(){......}//元素更新的时候,会执行updated,可能会触发多次
})

相关文章

  • vue定义过滤器,键盘别名,指令

    字符串补0方法(时间格式上常用) String.padstart(n,‘0’)将字符串不足n位的用0从前面填充到n...

  • VUE初级入门实践

    VUE概述 生命周期 指令 内置指令 自定义指令 过滤器 内置过滤器 VUE1.0版本 VUE2.0版本(无内置过...

  • vue常用特性应用场景

    1 过滤器 Vue.filter 定义一个全局过滤器 2 自定义指令 让表单自动获取焦点 通过Vue.direc...

  • VUE02

    v-cloak ref monted Vue.directive()自定义指令 }) Vue.filter过滤器 ...

  • Vue过滤器和vue-resource

    过滤器 之前我们学习了Vue的 vue基本指令 进阶学习,我们需要了解Vue的过滤器:Vue.js允许你自定义过滤...

  • 2017-5-25 AngularJs

    service 自定义服务 1.指令 内置指令 自定义指令 2.过滤器 内置过滤器 自定义过滤器 3.服务 内置服...

  • Vue与Angular以及React的区别?

    1、与AngularJS的区别 相同点:都支持指令:内置指令和自定义指令;都支持过滤器:内置过滤器和自定义过滤器;...

  • Vue与Angular、React的区别

    Angular的区别 相同点:都支持指令:内置指令和自定义指令。都支持过滤器:内置过滤器和自定义过滤器。都支持双向...

  • Vue 成长之旅 | Vue基础用法一

    一、Vue 基础使用 二 、 Vue的指令与过滤器 1、指令的概念 指令: 是vue为开发者提供的模板语法 , 用...

  • 4.Vue之自定义过滤器

    介绍 类似于自定义指令,可以用全局方法 Vue.filter() 注册一个自定义过滤器,它接收两个参数:过滤器 I...

网友评论

      本文标题:vue定义过滤器,键盘别名,指令

      本文链接:https://www.haomeiwen.com/subject/vrmnzqtx.html