草庐IT

elment-plus

全部标签

vite+vue3+ts+pinia+element-plus搭建项目(五)

遇到问题在搭建完成正常开发的时候,也不知道在那个配置出了问题,每次一修改代码,保存vite都会重新reload,浏览器也会重新刷新,没有了热更新测试了好久发现问题出在unplugin-auto-import和unplugin-vue-components这两个插件第一个问题:直接使用默认的声明文件生产位置(和src同级),此时src下面的所有vue文件无法读取到声明文件,ts代码提示会有报错,但是不会出现pagereload和浏览器刷新问题image.png配置如下exportdefaultdefineConfig({plugins:[vue(),AutoImport({imports:['v

vite+vue3+ts+pinia+element-plus搭建项目(五)

遇到问题在搭建完成正常开发的时候,也不知道在那个配置出了问题,每次一修改代码,保存vite都会重新reload,浏览器也会重新刷新,没有了热更新测试了好久发现问题出在unplugin-auto-import和unplugin-vue-components这两个插件第一个问题:直接使用默认的声明文件生产位置(和src同级),此时src下面的所有vue文件无法读取到声明文件,ts代码提示会有报错,但是不会出现pagereload和浏览器刷新问题image.png配置如下exportdefaultdefineConfig({plugins:[vue(),AutoImport({imports:['v

vue3中element-plus引入ElLoading并修改颜色

在vue3中引入element-plus的loading跟vue2差别还是有的写法:import{ElLoading}from'element-plus'//使用constloading=ref(false)//loadingconstopenLoading=()=>{loading.value=ElLoading.service({lock:true,text:'Loading',background:'rgba(0,0,0,0.7)'})}constcloseLoading=()=>{loading.value.close()}//举例consttabs=async(n)=>{store.

vue3中element-plus引入ElLoading并修改颜色

在vue3中引入element-plus的loading跟vue2差别还是有的写法:import{ElLoading}from'element-plus'//使用constloading=ref(false)//loadingconstopenLoading=()=>{loading.value=ElLoading.service({lock:true,text:'Loading',background:'rgba(0,0,0,0.7)'})}constcloseLoading=()=>{loading.value.close()}//举例consttabs=async(n)=>{store.

vite+vue3+ts+pinia+element-plus搭建项目(三)

现在进入页面开发,组件库选择ElementPlus,考虑到前端写样式每个人的写法都不同,这样维护起来也是比较麻烦的,所以选择Tailwindcss,这样开发过程不用去想很多的类名,不用再去写css代码element-plus按需引入yarnaddunplugin-vue-components--save-dev//vite.config.tsimport{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importAutoImportfrom'unplugin-auto-import/vite'importComponentsfr

vite+vue3+ts+pinia+element-plus搭建项目(三)

现在进入页面开发,组件库选择ElementPlus,考虑到前端写样式每个人的写法都不同,这样维护起来也是比较麻烦的,所以选择Tailwindcss,这样开发过程不用去想很多的类名,不用再去写css代码element-plus按需引入yarnaddunplugin-vue-components--save-dev//vite.config.tsimport{defineConfig}from'vite'importvuefrom'@vitejs/plugin-vue'importAutoImportfrom'unplugin-auto-import/vite'importComponentsfr

MyBatis-Plus工作原理

工作中一般都是使用MyBatis-Plus来代替Mybatis来进行对数据库的操作,也一直都想了解MyBatis-Plus和Mybatis的区别。最近结合工作中使用到的MyBatis-Plus功能,简单的看了一次MyBatis-Plus的源码,整理下写个文档,方便不久的将来忘记了,可以重新复习下。下文描述的是SpringBoot如何把Mybatis-Plus整合到Spring中,以及在我们项目中经常使用到的Mybatis-Plus具体是怎么实现的。@MapperScan@MapperScan的作用可以理解为@Import注解+@MapperScan中配置的包名@EnableAsync@Enab

MyBatis-Plus工作原理

工作中一般都是使用MyBatis-Plus来代替Mybatis来进行对数据库的操作,也一直都想了解MyBatis-Plus和Mybatis的区别。最近结合工作中使用到的MyBatis-Plus功能,简单的看了一次MyBatis-Plus的源码,整理下写个文档,方便不久的将来忘记了,可以重新复习下。下文描述的是SpringBoot如何把Mybatis-Plus整合到Spring中,以及在我们项目中经常使用到的Mybatis-Plus具体是怎么实现的。@MapperScan@MapperScan的作用可以理解为@Import注解+@MapperScan中配置的包名@EnableAsync@Enab