2021-07-22 vue中过滤器filter的基本用法

最新推荐文章于 2022-01-11 01:57:48 发布

前端OnTheRun

最新推荐文章于 2022-01-11 01:57:48 发布

阅读量183

点赞数

分类专栏： vue 文章标签：过滤器 filter vue

本文链接：https://blog.csdn.net/rowlet/article/details/118976099

版权

vue 专栏收录该内容

41 篇文章 0 订阅

订阅专栏

1.全局过滤器

代码

<body>
    <div id="app">{{msg | daxie}}</div>
    <!-- 注意:管道是"|"不是"||" -->
</body>
<script>
    Vue.filter('daxie', (i) => {
        return i.toUpperCase()//hello=>HELLO
    })
    var vm = new Vue({
        el: "#app",
        data: { msg: 'hello'}
    });
</script>

2.局部过滤器

代码

<body>
    <div id="app">{{msg | xiaoxie}}</div>
</body>
<script>
    var vm = new Vue({
        el: "#app",
        data: {msg: 'HELLO'},
        filters: {//注意:此处是"filters"不是"filter" 
            xiaoxie: (i) => {
                return i.toLowerCase()//HELLO=>hello
            }
        }
    });
</script>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

前端OnTheRun

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
打赏
0
评论
2021-07-22 vue中过滤器filter的基本用法

1.全局过滤器代码<body> <div id="app">{{msg | daxie}}</div> </body><script> Vue.filter('daxie', (i) => { return i.toUpperCase()//输出HELLO }) var vm = new Vue({ el: "
复制链接

扫一扫