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>

    未完。。。

  • 相关阅读:
    第三周作业
    #第四周作业
    第十二周作业
    第十一周作业
    第九周作业
    第八周作业
    2019第七周作业
    第三次实验报告及第五次课程总结
    第二次课程总结&学习总结
    第三周实验和学习总结
  • 原文地址:https://www.cnblogs.com/Mr-Simple001/p/12084899.html
Copyright © 2011-2022 走看看