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(){
    //
    }
    }
  • 相关阅读:
    死锁
    不能复制文件到服务器
    JWT
    身份验证
    依赖注入
    ml.net
    swift 枚举、结构、类
    nginx 负载均衡
    sql 时间函数大全
    更新SVN时提示要清理,但清理失败,乱码得解决方案
  • 原文地址:https://www.cnblogs.com/NExt-O/p/10835221.html
Copyright © 2011-2022 走看看