vue filter函数的用法_Vue.js教程(三)--过滤器

论坛 期权论坛 脚本     
已经匿名di用户   2022-5-29 19:15   1633   0
4b5a3c3ed395a15e3bce59e4f49935f2.png

1. 简介

用来过滤模型数据,在显示之前进行数据处理和筛选语法:{
   {data | filter1(参数) | filter2(参数)}}

2.自定义过滤器

{
   { message | capitalize }}

可以在一个组件的选项中定义本地的过滤器:

filters: { capitalize: function (value) { if (!value) return '' value = value.toString() return value.charAt(0).toUpperCase() + value.slice(1) }}

或者在创建 Vue 实例之前全局定义过滤器:

Vue.filter('capitalize', function (value) { if (!value) return '' value = value.toString() return value.charAt(0).toUpperCase() + value.slice(1)})new Vue({ // ...})

当全局过滤器和局部过滤器重名时,会采用局部过滤器。

过滤器函数总接收表达式的值 (之前的操作链的结果) 作为第一个参数。在上述例子中,

分享到 :
0 人收藏
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

积分:81
帖子:4969
精华:0
期权论坛 期权论坛
发布
内容

下载期权论坛手机APP