zoukankan      html  css  js  c++  java
  • vue-filters(过滤器)

      局部过滤器:

    <html>
    
    <head>
        <title>vue</title>
        <meta charset="utf-8">
    </head>
    
    <body>
        <div id="app">
            {{msg | toFixed(1)}}
            <!-- msg是参数input的值,方法里的参数都是作为input后的参数 -->
        </div>
    </body>
    <script src="node_modulesvuedistvue.js"></script>
    <script>
        let vm = new Vue({
            el: "#app",
            filters: {
                // toFixed(input,param1,param2,param3)
                toFixed(input, num) { //第二个参数为小数点个数
                    return '' + input.toFixed(num);
                }
            },
            data:{
                msg:15.123
            }
        });
    </script>
    
    </html>

      全局过滤器(记得放在所有实例之前)

    <html>
    
    <head>
        <title>vue</title>
        <meta charset="utf-8">
    </head>
    
    <body>
        <div id="app">
            {{msg | my(2)}}
            <!-- msg是参数input的值,方法里的参数都是作为input后的参数 -->
        </div>
    </body>
    <script src="node_modulesvuedistvue.js"></script>
    <script>
        // 全局过滤
        // Vue.filter(name,function)
        Vue.filter('my',(input,num)=>{
            return '' + input.toFixed(num);
        })
        // 局部过滤
        let vm = new Vue({
            el: "#app",
            filters: {
                // toFixed(input,param1,param2,param3)
                toFixed(input, num) { //第二个参数为小数点个数
                    return '' + input.toFixed(num);
                }
            },
            data:{
                msg:15.123
            }
        });
    </script>
    
    </html>

  • 相关阅读:
    Leetcode | Work Break I & II
    X-Japan
    Leetcode | Gas Station
    jstring, String, char* 变换函数
    动态链接库的创建
    C语言实现md5函数代码
    ARM汇编指令集
    2014年 各类黑客工具包
    ARM汇编指令的一些总结-转
    ARM指令集学习总结-转载
  • 原文地址:https://www.cnblogs.com/angle-xiu/p/11410800.html
Copyright © 2011-2022 走看看