Failed to resolve component: router-view

image.png 报上面的错误,而且router-view的内容都没有显示

可能性1

image.png main.js文件在mount之后才执行use,顺序应该反过来

可能性2

image.png 不要用{}这种导入,而是直接用router这种导入。 参考链接

run dev 提示 permission denied

提示如下,提示的是权限不足 image.png 查看 src/node_modules 的内容,发现 js-md5 的目录不知道什么时候权限变成 root 账号的,修改为普通账号后发现运行成功 image.png 成功运行结果 image.png

el-table 不对齐

image.png 如上图所示,表头和内容不对齐,不对齐的原因是下面的每列都指定了长度,但是总的长度和表格长度对不上。这种情况就需要至少一列不指定长度

如何实现页面加载进度条

npm install nprogress -D 安装 nprogress,然后在路由的前面和后面分别调用就可以实现加载页面的进度刷新信息

import NProgress from 'nprogress' // progress bar
router.beforeEach(async (to, from, next) => {
  // start progress bar
  NProgress.start()
})
 
router.afterEach(() => {
  // finish progress bar
  NProgress.done()
})