草庐IT

Vue-Router

全部标签

【Vue3实战】TypeScript前端实战基础

【Vue3实战】TypeScript前端实战基础前言一、TypeScript的由来二、什么是TypeScript?三、静态类型检查四、类型注解和类型推导五、可选参数和默认参数六、接口和类型别名接口接口的可选设置类型七、类和继承接口的继承交叉类型模拟继承八、泛型什么是泛型泛型接口泛型函数泛型约束九、枚举十、快速安装结语前言经过多年的全栈开发经验和多种编程语言的开发经验,编程语言的规范的重要性与日俱增对未来的前端编程而言,TypeScript的比重相信一定会日新月异所以这边对于TypeScript做一篇比较详细和完整的整理日后也会逐渐更新和补充。TypeScript目前版本:5.3TypeScri

Vue3项目中集成mars3D简单三部曲

Vue3项目中集成mars3D简单三部曲这里是参考网址,大佬可以点击一件跳转1.安装依赖npminstallvite-plugin-mars3d--save-dev2.修改vite.config.ts配置文件import{defineConfig}from'vite';import{mars3dPlugin}from'vite-plugin-mars3d';exportdefaultdefineConfig({plugins:[mars3dPlugin()]});3.新建DIV容器+创建地图新建map.ts文件,以下代码闭眼直接copyimport*asmars3dfrom"mars3d"im

vue+element ui实现图片上传并拖拽进行图片排序

用到的技术栈:vue2elementUivue-dragging如何使用:第一步:安装npminstallawe-dnd--save第二步:引入main.js文件//引入组件importVueDNDfrom'awe-dnd'//添加至全局Vue.use(VueDND)具体项目代码el-form-itemlabel="封面图"prop="region">divstyle="width:100%;display:flex;">divclass="imgs">!--上传后的图片显示在这里-->!--:v-dragging="{item:item,list:coverFileList,group:'c

基于Java+SpringBoot+Vue网吧管理系统设计和实现

博主介绍:✌全网粉丝30W+,csdn特邀作者、博客专家、CSDN新星计划导师、Java领域优质创作者,博客之星、掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域和学生毕业项目实战,高校老师/讲师/同行前辈交流✌主要内容:SpringBoot、Vue、SSM、HLMT、Jsp、PHP、Nodejs、Python、爬虫、数据可视化、小程序、安卓app、大数据、物联网、机器学习等设计与开发。🍅文末获取源码联系🍅👇🏻 精彩专栏推荐订阅👇🏻 不然下次找不到哟2022-2024年最全的计算机软件毕业设计选题大全:1000个热门选题推荐✅Java项目精品实战案例《100套》Java微

Vue ElementUI中el-table表格嵌套样式问题

一、表格嵌套要求:两个表格嵌套,当父表格有children数组时子表格才展示;子表格数据少于父表格展示字段,且对应固定操作列不同;二、嵌套问题:当使用el-table的type='expand'实现表格嵌套时,样式出现以下问题:展开图标每条数据都展示了,实际上接口数据并不是都有children数组;在表格嵌套后,打开子表格,高亮显示在经过子表格后对应不上;父表格的操作列固定在右侧影响了子表格的显示;滑动到表格底部时,父子表格的固定列对不齐;修改前效果如下:修改后效果如下:三、代码实现:1、表格定义唯一值row-key="indexId"和类名:row-class-name="getRowCla

点击侧边栏菜单时只切换 <router-view> 中的内容,而不是进行整个页面的路由跳转(动态路由)

解决方法:在的@select事件中调用了handleMenuSelect方法来处理菜单项的选择。你可以在handleMenuSelect方法中根据菜单项的index来执行相应的操作,例如更新组件内的数据或者切换组件。由于整个页面的路由路径并没有改变,因此不会触发整个页面的路由跳转,只会更新中的内容。这样就实现了只更新中内容的效果。 home组件Header首页个人中心成绩管理人员管理exportdefault{methods:{handleMenuSelect(index){consttargetPath='/'+index;//判断目标路径是否与当前路径相同//通过this.$route.p

基于Java+SpringBoot+Vue.js前后端分离手机购物商城系统设计和实现 可行性分析

 博主介绍:黄菊华老师《Vue.js入门与商城开发实战》《微信小程序商城开发》图书作者,CSDN博客专家,在线教育专家,CSDN钻石讲师;专注大学生毕业设计教育和辅导。所有项目都配有从入门到精通的基础知识视频课程,学习后应对毕业设计答辩。项目配有对应开发文档、开题报告、任务书、PPT、论文模版等项目都录了发布和功能操作演示视频;项目的界面和功能都可以定制,包安装运行!!!如果需要联系我,可以在CSDN网站查询黄菊华老师在文章末尾可以获取联系方式可行性分析是在进行系统设计和实施之前的一项重要工作,旨在评估项目的可行性和可行性。在基于Java+SpringBoot+Vue.js前后端分离手机购物商

从vue.js中的Axios获取响应数据

我正在尝试从我的RESTAPI中获取响应数据,并将其显示在我的vue.js应用程序中,如下所示:vardatabase=newVue({el:'#database',data:{databaseConfiguration:{type:'',url:'',port:'',username:'',password:''},errors:[]},created:function(){axios.get('/config/database').then(function(response){this.databaseConfiguration=response.data;console.log(res

vue中使用Tinymce

1、安装tinymce编辑器npmitinymcenpmi@tinymce/tinymce-vue或:yarnaddtinymceyarnadd@tinymce/tinymce-vue 2、配置中文语言包地址:中文语言包注:最好将语言包放在public/langs/或static/langs/目录下,下面组件将会引用 3、封装组件在components目录下新建tinymce.vue //引入tinymce-vueimportEditorfrom'@tinymce/tinymce-vue'//公共的图片前缀//importGlobalfrom"./Global";exportdefault{c

vue项目打包,解决静态资源无法加载和路由加载无效(404)问题

打包后的项目静态资源无法使用,导致页面空白静态资源无法使用,那就说明项目打包后,图片和其他静态资源文件相对路径不对,此时找到config里面的index.js,在build模块下加入assetsPublicPath:'./', 如下图所示,或者是在打包完的dist文件夹中找里面的.js文件,将其中的'/'替换为'./'(自行寻找)    在History模式下配合使用nginx运行打包后的项目当刷新当前路由的时候,就会出现404的状况,其实这是因为当刷新当前页面时候,所需要访问的资源在服务器上找不到,也就是说,我们在Vue开发应用的过程中,设置路由的路径不是真实存在的路径,并且使用了histo