Skip to content

vue3-next 是一个管理端模板解决方案,它是基于vue3,ts和element-plus,项目都是以composition api风格编写。

License

Notifications You must be signed in to change notification settings

779235394/vue3-next

Repository files navigation

logo

vue element-plus vuex npm

vue3-next 是一个管理端模板解决方案,它是基于vue3,ts和element-plus,项目都是以composition api风格编写。

预览地址

Vue 3 + Typescript + Vite + Vuex4 + Element-Plus

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',
    // ...
  })

About

vue3-next 是一个管理端模板解决方案,它是基于vue3,ts和element-plus,项目都是以composition api风格编写。

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published