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
    
    请用今天的努力,让明天没有遗憾。
  • 相关阅读:
    [leetCode]剑指 Offer 43. 1~n整数中1出现的次数
    [leetCode]剑指 Offer 42. 连续子数组的最大和
    HDU
    HDU
    HDU
    HDU
    HDU
    HDU
    POJ
    POJ
  • 原文地址:https://www.cnblogs.com/cupid10/p/13498715.html
Copyright © 2011-2022 走看看