vue.js javascript vue+typescript(vben-admin)前端开发

vengomo 博客 2024-04-19 8 0

小小笔记，持续总结吧。

近期遇到一个问题，总是不长记性，在此记录一下。

我觉得大家应该会遇到跟我一样的坑，就是vue3的写法跟vue2已经不太一样了。

typescript的地方如果用vue3的写法，已经要用：

包裹，注意：要加setup。

否则会报如下错误：

If this is a native custom element, make sure to exclude it from component resolution via compilerOptions.isCustomElement.

从别的地方引用代码过来的时候一定要注意，如果是vue2的写法，那么就要使用如下写法：

详细的还是看vue官方文档吧：Vue.js - 渐进式 JavaScript 框架 | Vue.js (vuejs.org)。文档很详细，奈何我没有太多时间慢慢学习。边写边学吧，加油哈。

Vben-admin修改导航，将导航从左侧sidebar设置成TOP。

需要修改如下部分：

1. src\components\Application\src\AppProvider.vue

appStore.setProjectConfig({

menuSetting: {

// type: MenuTypeEnum.SIDEBAR,

// mode: MenuModeEnum.INLINE,

type: MenuTypeEnum.TOP_MENU,

mode: MenuModeEnum.HORIZONTAL,

split: false,

});

2. src\settings\projectSetting.ts

// Menu configuration

menuSetting: {

...

mode: MenuModeEnum.HORIZONTAL,

// Menu type

type: MenuTypeEnum.TOP_MENU,

}

夸智网