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(){
    //
    }
    }
  • 相关阅读:
    dede织梦调取一二三级栏目名及栏目下的内容列表的方法
    Maven 加载ojdbc14.jar报错,解决方法
    vue.set动态新增对象属性,触发dom渲染
    object_funs.py
    module+standard library.py
    function.py
    exception.py
    assign.py
    if_test.py
    hello.py
  • 原文地址:https://www.cnblogs.com/NExt-O/p/10835221.html
Copyright © 2011-2022 走看看