Vue自定义过滤器

最新推荐文章于 2023-01-18 12:42:19 发布

乘风(^v^)

最新推荐文章于 2023-01-18 12:42:19 发布

阅读量131

点赞数

分类专栏：前端文章标签： vue

本文链接：https://blog.csdn.net/weixin_45205937/article/details/102580003

版权

前端专栏收录该内容

22 篇文章 0 订阅

订阅专栏

自定义过滤器

主要是需要掌握filter的语法，

<div id="app">
    <p>{{ msg | filters}}</p>
</div>

<!--过滤器调用时候的格式  {{ name | 过滤器的名称 }}-->
<script>
    Vue.filter('filters',function (msg) {
        return msg.replace(/编程/g,'资本家');
    });

    var vm = new Vue({
        el: '#app',
        data: {
            msg: '编程不到，头发不保，编程不死，你就得死！万恶的编程！'
        },
        methods: {}
    });

    //过滤器的定义语法
    // 过滤器中的 function ，第一个参数已经规定死了，永远都是 过滤器 管道符前面 传递过来的数据
    // Vue.filter('过滤器的名称',function (data) {
    // return data + '123456'
    // })