vue3-next 是一个管理端模板解决方案,它是基于vue3,ts和element-plus,项目都是以composition api风格编写。
This template should help get you started developing with Vue 3 and Typescript in Vite.
此模版采用 Vue 3 + Typescript + Vite + Vuex4 + Element-Plus 构建
element-plus 图标无法显示时是资源包引用的问题,修改main.ts
// import 'element-plus/lib/theme-chalk/index.css'
import 'element-plus/packages/theme-chalk/src/index.scss'
路由history模式,github站点部署不成功,还不知道为啥,用hash模式就可以 createWebHashHistory
路由使用缓存的方法,在路由meat添加keepAlive:true,并在对应页面添加name 如:
// router/modules/componentVector.js
{
path: '/dynamicTable',
name: 'DynamicTable',
component: () => import('../../views/componentVector/dynamicTable.vue'),
meta: { title: '动态表格', noCache: true, icon: 'Smoking', keepAlive: true },
}
// view/componentVector/dynamicTable
export default defineComponent({
// ...
name: 'DynamicTable',
// ...
})