老师我想问一下关于你这个项目有没有用到过滤器的问题

来源：7-3 购买详情页 - select选项组件

慕桂英1611074

2017-05-05

我现在的项目后端给我返回了 0和1两个状态，我在前端显示要通过过滤骑把 0和1 改成成功 /失败

我查了很多，一写过滤器就失败浏览器就报错，老师能给个解决办法吗，我现在是要后端以 <span class="red">成功</span>

以后不能老这样的，这样会很麻烦。后端也会嫌弃我的。老师能教一下我吗

我贴几个图你看一下

浏览器一直报 red 没有定义在这个vue-cli 脚手架工具里面要怎么写过滤器啊，还有 vue2.0不支持 {{list.name | html }} 不支持这样吗？只能 v-html="list.name"??? 我要是想加过滤器 v-html="list.name | red " 是这样写吗，老师把在 vue-cli 脚手架工具里面正确的过滤器用法写一下吗，写在你的项目文件里面也可以，我跟着写一次，学习学习！！老师跪求帮助啊！！！！

写回答

1回答

fishenal

2017-05-07

已采纳

vue2.0 只有v-bind或者 {{}} 里可以用过滤器，v-html不行。字符转换可以这么写：

定义过滤器：

filters: {
    formatStatus (value) {
      return (value === 0) ? '成功' : '失败'
    } 
}

慕桂英1611074

非常感谢！

2017-05-08

共1条回复

最容易上手的Vue2.0入门实战教程

快速入门Vue2.0，组件化开发一个数字产品电商平台

3966 学习 · 999 问题

查看课程

相似问题

如果用webpack构建vue项目，项目上线的时候，需要把webpack脚手架全部都放到服务器上吗？

回答 1

老师问一下多个子路由默认显示第一个的问题

回答 4

关于npm run build打包的问题

回答 2

老师像 import Vue from ‘vue’必须得webpack打包后才可以用吗在浏览器打开就报错

回答 1

vue-cli的项目文件夹用编辑器打不开？

回答 1

打开慕课网App查看更多内容