• 博客园Logo
  • 会员
  • 周边
  • 捐助
  • 新闻
  • 博问
  • 闪存
  • 赞助商
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 简洁模式 ... 退出登录
    注册 登录
九五二七乌托邦
博客园    首页    新随笔    联系   管理    订阅  订阅

六、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>

未完。。。

posted @ 2019-12-23 17:23  九五二七乌托邦  阅读(168)  评论(0)  编辑  收藏  举报
会员力量,点亮园子希望
刷新页面返回顶部
Copyright © 2024 九五二七乌托邦
Powered by .NET 8.0 on Kubernetes