首页 > 其他 > 详细

vue 过滤器的使用实例

时间:2019-08-18 10:32:55      阅读:94      评论:0      收藏:0      [点我收藏+]
<html>
    <head>
        <title></title>
        <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
       <script>
       window.onload=function(){
           Vue.filter(
               "addZero",function(num){
                   return num<10?‘0‘+num : num;
               }
           )
           new Vue({
            el: "#app",
            data: {
                curTime: ‘1566091212‘
            },
            filters:{
                number: function(num,n){
                    return num.toFixed(n);
                },
                //格式化时间戳
                date(data){
                    let d= new Date(data * 1000);
                    return d.getFullYear() + ‘-‘ + d.getMonth() + 1 + ‘-‘ + d.getSeconds(); 
                }
            }
         })
       }
       </script>
        
    </head>

    <body>
        <div id="app">
            <div>
                {{110 |addZero}}
                <br>
                {{3.42536544|number(8)}}
                <br>
                {{curTime |date}}
            </div>
        </div>
    </body>
</html>

  

vue 过滤器的使用实例

原文:https://www.cnblogs.com/otways/p/11371459.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!