美文网首页
vue2中的过滤器

vue2中的过滤器

作者: 蓝蓝红同学 | 来源:发表于2022-06-05 10:20 被阅读0次

    注:vue3已经舍弃过滤器的用法,官方希望使用方法或计算属性来实现之前的过滤器功能


    使用位置及用法

    vue的过滤器只用用在双花括号{{}}v-bind中,使用时采用|符号来实现

    只能在v-bind绑定和双括号中使用

    全局定义使用

    在main.js中全局定义过滤器方法,即可在项目中直接使用

    main.js

    局部定义使用

    直接在文件中使用filters,在其中定义要使用的过滤器

    组件内

    过滤器串用

    多个过滤器可串联使用,前一个过滤的返回值作为后一个过滤器的入参

    串联使用
    两个过滤器
    结果

    过滤器传参

    过滤器像函数一样,可以接受参数


    注:过滤器无法获取Vue实例

    相关文章

      网友评论

          本文标题:vue2中的过滤器

          本文链接:https://www.haomeiwen.com/subject/qhfjmrtx.html