vue中的过滤器（将数字转换为中文数字）

最新推荐文章于 2024-04-10 10:37:55 发布

李同学上课啦

最新推荐文章于 2024-04-10 10:37:55 发布

阅读量753

点赞数

分类专栏：效果文章标签： vue.js javascript elementui

本文链接：https://blog.csdn.net/DGL_CSDN/article/details/123070012

版权

效果专栏收录该内容

12 篇文章 0 订阅

订阅专栏

<body>
    <div id="app">
        <div>{{123.123|currency(2,'£')}}</div>
        <div>{{'cassadasdasdxf'|money}}</div>
        <input type="number" v-model="val">
        <p>{{val|str}}</p>
    </div>
</body>
</html>
<script src="../js/vue.js"></script>
<script>
    /*
    过滤器：其实是一个函数，通过该函数输出需要的数据形式
    语法  数据 | 过滤器
    创建
    filter('过滤器名字'，操作函数)

    操作函数的参数
    fun(val,arg1,arg2...){}
    */
   Vue.filter('currency',(value,arg1,arg2)=>{
    // return '¥'+ value.toFixed(arg1);
    return arg2+ value.toFixed(arg1);

   })
    const vm = new Vue({
        el:'#app',
        data:{
            val:''
        },
        methods:{},
        filters:{
            money(value){
             return value.toUpperCase();

            },
            //数字转换为中文数字
            str(v){
                console.log(v);
                let obj = {
                    0:'零',
                    1:'一',
                    2:'二',
                    3:'三',
                    4:'四',
                    5:'五',
                    6:'六',
                    7:'七',
                    8:'八',
                    9:'九',
                }
                let s = '';
                for(var i=0;i<v.length;i++){
                    console.log(v[i]);
                    s += obj[v[i]];
                }
                return s;
            }
        }
    })
</script>

展示效果

李同学上课啦

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
vue中的过滤器（将数字转换为中文数字）

<body> <div id="app"> <div>{{123.123|currency(2,'£')}}</div> <div>{{'cassadasdasdxf'|money}}</div> <input type="number" v-model="val"> <p>{{val|str}}</p> </di.
复制链接

扫一扫