Vue如何使用过滤器

2023-03-28 阅读：1556 类型：前端分类：Vue 标签： Vue

很多时候，后端给接口的数据不是我们要的，我们就需要Vue使用过滤器，转换成我们想到的结果数据。

模板代码：

<template>
  <div>
<p>{{data.actors|actorfilter}}</p>
  </div>
</template>

js代码

<script>
import Vue from 'vue'
Vue.filter("actorfilter",function(data){
var newlist = data.map(item=>item.name)
return newlist.join(' ')
})
</script>

扫码关注‘简忆博客’微信公众号，获取最新文章动态
转载：请说明文章出处“来源简忆博客”。http://tpxhm.com/fdetail/966.html

上一篇：解决微信小程序授权获取手机号后出现-41003: aes 加密数据解密失败问题

下一篇：关于PHPCurl异常 cURL error 60: SSL certificate problem:报错的解决方法

文章评论（0）

简忆博客
勤于学习，乐于分享

置顶推荐

代码版本管理工具Git常用命令操作

html前端按钮效果

swiper插件的使用

管理服务器常见的几个命令

标签云

打印机 Google Vant ElementUI Linux macOS windows Navicat TP8 PgSQL Highlight SqlServer 字节跳动企业微信 uView MongoDB 微擎 wepy ES6 游戏 uni-app WordPress canvas FaceBook SEM 云存储刷机 Flutter vscode Docker RabbitMQ SVN composer 插件路由器 TP6 OneThink Vue swoole Redis 帝国cms CodeIgniter 虚拟机方法技巧防护软件下载 JavaScript AI go语言 Android JAVA Git Layui React 区块链 Laravel Mysql node.js html linux window ECharts GITHUB bootstrap UEditor SEO 模板服务器微信开发 ECSHOP style 正则 PhpStorm 轮播插件 sublime text 工具 layui.js Python 操作系统 PhotoShop jQuery TP5 ThinkPHP AJAX PHP API office 微信小程序织梦cms