zoukankan      html  css  js  c++  java
  • vue过滤器

    vue-过滤器

    过滤器: 数据格式化, 比如,后端返回我们的数据格式是一个时间戳,

    在页面中使用的时候需要变成真正的时间格式 2018-12-26

    过滤器使用
    <!-- 在双花括号中 -->
    {{ time | filterTime }}
    
    <!-- 在 `v-bind` 中 -->
    <div v-bind:id="time | filterTime"></div>
    全局过滤器
    //全局过滤器  内部必须要写return,默认符号为 - ,可以根据自己的需要传值
     Vue.filter("filterTime", function (val,option='-') {
         let date = new Date(val);
         return date.getFullYear() + option + (date.getMonth() + 1) + option + date.getDate();
        })
    //结果:2020-8-13
    
    //当传入参数时  filterTime(/)
    //结果为:2020/8/13
    局部过滤器
    new Vue({
            el:"#app",
            data:{
              money:100
            },
            filters:{ //局部的过滤器
              filterMoney(money,option='$'){
                return option+money
              }
            }
          })
    结果:$100
    请用今天的努力,让明天没有遗憾。
  • 相关阅读:
    【poj1655】Balancing Act
    yargs.js用法
    8、typescript
    7、typescript
    6、typescript
    5、typescript
    4、typescript
    3、typescript
    2、typescript
    1、typescript
  • 原文地址:https://www.cnblogs.com/cupid10/p/15617701.html
Copyright © 2011-2022 走看看