zoukankan      html  css  js  c++  java
  • vue2.x 过滤器,自定义按键修饰符 ,自定义指令


    1.过滤器
    全局:
    <element>{{ value | 过滤器名称}}</element>
    Vue.filter('过滤器名称',function(value){
    ...
    })
    局部:
    <element>{{ value | 过滤器名称}}</element>
    filters:{ //可以设置多个过滤器
    '过滤器名称':function(value){
    ...
    },
    '过滤器名称2':function(value){
    ...
    },
    ...
    }

    2.自定义按键修饰符
    <element @keyup.修饰符名称 = "function name"></element>
    Vue.config.keyCodes.修饰符名称 = keycode(某个键的键盘码)

    3.自定义指令
    <element v-指令名称><element>
    全局:
    Vue.diretive('指令名称',{
    bind(el,binding){ el:指令所绑定的元素,可以用来直接操作 DOM 。(使用原生)
    binding:一个对象,包含name(指令名称),value(指令值),expression(指令表达式)等属性
    //只调用一次,指令绑定到元素时执行
    },
    inserted(){
    //只调用一次,指令插入到元素时执行
    },
    update(){
    //
    }
    })

    局部:
    diretives:{
    指令名称:{
    bind(){
    //只调用一次,指令绑定到元素时执行
    },
    inserted(){
    //只调用一次,指令插入到元素时执行
    },
    update(){
    //
    }
    }
  • 相关阅读:
    JavaScript的性能优化:加载和执行
    JS获取图片的原始尺寸
    深入理解js构造函数
    Revit二次开发 获取缩略图
    WPF listbox分页
    WPF ListBox 图片显示及分页
    Revit禁用RibbonPanel
    C# excel 单元格居中
    WPF TreeView
    WPF ListView绑定数据
  • 原文地址:https://www.cnblogs.com/NExt-O/p/10835221.html
Copyright © 2011-2022 走看看