filter管道在vue中的使用

缓缓
  • 1.3k

代码如下

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> #不知道是不是参数没进去,这个管道没起作用什么都不显示
回复
阅读 6k
3 个回答

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

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

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
宣传栏