require动态加载图片导致导航菜单图标错乱

导航菜单预设的图标，在点击某个路由页时，出现了图标错乱，找了很久终于找到原因。 路由页指向的文件，里面有一句代码 require（./assets/images/）这句话，虽然不知道是为什么导致，但是这边先贴下解决办法。

1.将想要展示的图片用import方式导入

import image from '@/assets/icons/image.png'

2.等待img加载完成后再赋值url

const img = new Image();
img.onload = () => {
  // 在这里进行绘制图像和其他处理
};
img.src = image;

搞定。