filter管道在vue中的使用

Question

代码如下

export const code2player = function(type) {
  var map = new Map([
    [1,"a"],
    [2,"b"],
    [3,"b"],
    [4,"c"],
    [5,"f"],
    [6,"s"],
    [7,"r"],
  ])
  let player = map.get(type)
  return player
}

在vue的main.js中引用并且使用

import {code2player} from './utils/filters'
Vue.filter("code2player", code2player)

在vue的组件中使用

<span>{{ num | code2player}}</span> #不知道是不是参数没进去，这个管道没起作用什么都不显示

Answer 1

我给你复现了一便，发现是可以用的，代码就是用的你的代码，你写的是对的，你看看有没有什么标点的错误或是其他的错误，代码是通的

Answer 2

应该不是vue的锅
http://codepen.io/quietcoder/...

我猜可能是引用的问题导致的
检查一下code2player有没有正确的搞进来

Answer 3

默默的说声不好意思，这种写法是没有问题的，就是我row.type返回的类型是string类型，我在map中写的是int，所以一直匹配不上，把map中的改成string就好了。谢谢大家