Vue 数据动态过滤实践

问题是这样的：页面从后台拿到的数据是由0、1之类的key，而这个key代表的value比如0-女、1-男的对应关系是要从另外一个数据字典接口拿到的；类似于这样的Api：

 

{

  "SEX_TYPE": [

    { "paramValue": 0, "paramDesc": "女" },

    { "paramValue": 1, "paramDesc": "男" }

  ]

}

 

那么如果view拿到的是0，就要从字典中找到它的描述女并且显示出来；下面故事开始了

 

1. 思考

 

有人说，这不是过滤器 filter 要做的事么，直接Vue.filter不就行了，然而问题是这个filter是要等待异步的数据字典接口返回之后才能拿到，如果在$mount的时候这个filter没有找到，那么就会导致错误影响之后的渲染(白屏并报undefined错)；

 

我想到的解决方法有两个：

 

• 把接口变为同步，在beforeCreate或created钩子中同步地获取