实现效果图
系统中有很多地方会用到数据字典，对于这部分内容我们只需要知道对应编码就可以通过自定义的过滤器在前端实现动态的加载这些信息内容。如下图的地区名称：
关键代码
Html部分的只需要将userInfo.area编码传入dictName过滤器：
<span lable="地区:" ">{{ userInfo.area| dictName(dicts['USERINFO'])}}</span>
JS文件部分通过过滤方法返回code对应名称
// 过滤器执行的方法
let dictName = (code, dictList) => {
let name = '';
if (code && dictList) {
dictList.forEach((item) => {
if (item.code == code) {
name = item.name;
}
});
}
return name;
}
// 提供给外部调用的方法名
export { dictName }
文后总结
一个实现起来很简单，用起来很方便的过滤器方法。荣幸与您分享~
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/144231.html
