vue.js如何使用filter


本文摘自PHP中文网,作者coldplay.xixi,侵删。

vue.js使用filter的方法:1、定义无参全局过滤器,代码为【Vue.filter('msgFormat', function(msg)】;2、定义有参全局过滤器,代码为【Vue.filter('msgFormat', funct】。

本教程操作环境:windows7系统、Vue2.9.6版,该方法适用于所有品牌电脑。

【相关文章推荐:vue.js】

vue.js使用filter的方法:

vue中的过滤器分为两种:局部过滤器和全局过滤器

1、定义无参全局过滤器

1

2

3

Vue.filter('msgFormat', function(msg) {    // msg 为固定的参数 即是你需要过滤的数据

     return msg.replace(/单纯/g, 'xxx')

})

完整示例

1

2

3

4

5

6

7

8

9

10

<div id="app">

        <p>{{ msg | msgFormat}}</p>

    </div>

    <script>

        // 定义一个 Vue 全局的过滤器,名字叫做  msgFormat

        Vue.filter('msgFormat', function(msg) {

            // 字符串的  replace 方法,第一个参数,除了可写一个 字符串之外,还可以定义一个正则

            return msg.replace(/单纯/g, 'xx')

        })

    </script>

2、定义有参全局过滤器

阅读剩余部分

相关阅读 >>

彻底理解css中视觉格式化模型(附示例)

vue项目能直接引入vue.js

使用proxy实现双向绑定的方法介绍(代码)

vue.js中如何注册组件

vue.js需要什么基础?

vue.js项目如何编译打包

vue.js怎么引入外部js

vue.js怎样隐藏软键盘

vue.js中使用无状态组件的方法介绍

vue.js生命周期函数有什么作用

更多相关阅读请进入《vue.js》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...

    正在狠努力加载,请稍候...