代码拉取完成,页面将自动刷新
这是我后台数据库中的数据:
但在前端展示后莫名多了个参数:
由于经过backEndComponent
方法逻辑处理后,组件路径由string
变成了一个function
,点击修改按钮将row
传入进dialog.vue
,浏览器会报警告:
关于第二个疑问是不是要把组件路径从Function
再转换回String
呢?
此处可能存在不合适展示的内容,页面不予展示。您可通过相关编辑功能自查并修改。
如您确认内容无涉及 不当用语 / 纯广告导流 / 暴力 / 低俗色情 / 侵权 / 盗版 / 虚假 / 无价值内容或违法国家有关法律法规的内容,可点击提交进行申诉,我们将尽快为您处理。
componentAlias
与 component
内容一致,显示使用 componentAlias
// 递归处理 component 成字符串
// 后端菜单格式参考:https://gitee.com/lyt-top/vue-next-admin-images/tree/master/menu
const changeComponent = (arr: RouteRecordRaw[]) => {
const targetArr: RouteRecordRaw[] = [];
arr.forEach((row: RouteRecordRaw) => {
const itemMatch = `${row.component}`.match(/\/src\/(\S*).vue/);
row['componentAlias'] = itemMatch && itemMatch[1].replace(/views\//, '');
targetArr.push({ ...row });
if (row.children) changeComponent(row.children);
});
return targetArr;
};
// 调用 `changeComponent` 方法
// 获取路由数据,真实请从接口获取
const getTableData = () => {
state.tableData.loading = true;
state.tableData.data = changeComponent(routesList.value);
setTimeout(() => {
state.tableData.loading = false;
}, 500);
};
感谢,我采用了多一个字段的方式。
但现在就是路由组件会莫名多个t
的参数,这可能是什么原因引起的呢?原谅我目前对ts不是很熟悉。
那个是打包后的吧?应该是防止缓存用的
可我没打包,我就正常启动项目,整合我的后端出现的这种情况。不管了,也不影响,感谢作者
登录 后才可以发表评论