zoukankan      html  css  js  c++  java
  • 六、vue基础--过滤器定义

    七、过滤器定义
    1.使用:{{username|strip}}、<a :href="url|strip">百度</a>
    2.定义:都是定义一个函数,这个函数的第一个参数永远是被过滤的那个变量
    a.局部定义:在组件中添加一个filters,然后在filters中添加过滤器
    b.通过Vue.filters('过滤器名称',函数)
    3.传参:如果需要传参,可以在定义过滤器的时候,提供其他参数,在使用的时候直接跟普通函数一样传递就可以了。代码如下:

    <div id='app'>
      <!-- <p>{{username|strip("哈哈")}}</p> -->
      <p>{{username|strip("哈哈")}}</p>
    </div>
    <script>
      // Vue.filter("strip",function(value){
      // return value.replace(" ","")
      //去掉下面的空格,这个支持正则
      Vue.filter("strip",function(value,string){
        return value.replace(" ",string)
      }) 
      new Vue({
        el:'#app',
        data:{
          username:"张三 李四"
        }
      })
    </script>

    未完。。。

  • 相关阅读:
    image对象
    Frame/IFrame 对象
    Form 对象
    JavaScript 对象 实例
    button对象
    正则介绍以及多种使用方法
    js /jquery停止事件冒泡和阻止浏览器默认事件
    一些兼容性的知识
    面试题总结
    事件
  • 原文地址:https://www.cnblogs.com/Mr-Simple001/p/12084899.html
Copyright © 2011-2022 走看看