如何输出布尔变量为"是/否"在VueJS 0.11?

时间:2016-02-04 18:56:20

标签: javascript vue.js

我有一个名为is_admin的字段。我正在使用VueJS为所有用户构建自动完成搜索。

我想将is_admin字段输出为true / false或yes / no,但我的数据库字段是boolean,1或0.

如何以可读的方式而不是布尔字段输出值?

2 个答案:

答案 0 :(得分:10)

如果您需要多次执行此操作,可以考虑将逻辑放在过滤器中:

Vue.filter('yesno', function (value) {
  return value ? 'Yes' : 'No';
})

然后像这样使用它:

<div>
  Admin? {{ is_admin | yesno }}
</div>

答案 1 :(得分:6)

尝试这样的事情:

<span>{{ user.is_admin ? "Admin" : "User" }}</span>