【echart】数据可视化+vue+vite遇到问题

1、vue3使用echars图表报错："Initialize failed:invalid dom"

原因是因为：Dom没有完成加载时，echarts.init() 就已经开始执行了，获取不到Dom，无法进行操作

解决：加个延时

onMounted(async () => {
    setTimeout(() => {echartsIn()}, 1000)
})
const echartsIn ()=>{

}

2、vite图片导入失败

图片放到assets中了,获取不到

将图片放置到public中

3、iconfont绑定后循环不能正确显示

更换表达形式
 

 <i
            class="icon iconfont"
            >{{ item.icon }}</i
          >
//用\u替换&#x

 {

        title: "分类",

        icon: "\ue6bd",

      },

      {

        title: "推荐",

        icon: "\ue6cd",

      },