文章开始把我喜欢的这句话送个大家：这个世界上还有什么比自己写的代码运行在一亿人的电脑上更酷的事情吗，如果有那就是让这个数字再扩大十倍！！！ 底部有下载链接：附带代码、论文、数据、等材料。 所用技术 本系统采用 IntelliJ IDEA开发工具和vscode开发者工具，利用 Java语言设计开发了基于疫情的疫情封控管理系统。本章主要介绍了Spring Boot框架，Vue框架，MySQL数据库等开…
1、 在vue中一般通过router.push进行路由跳转都是在同一个tab窗口实现，如果需要打开多个tab窗口需要结合window.open实现 2、具体实现 import { useRouter } from 'vue-router' const router = useRouter() // 主要逻辑 const { href } = router.resolve({ name: 'deta…
默认情况下，vue项目的开发模式和生产模式共用一个打包的入口文件——src/main.js，为了将项目的开发过程与生产过程分离，我们可以分为两种模式，各自指定打包的入口文件：main-dev.js和main-prod.js，将src/main.js重命名为main-dev.js，并复制一份main-prod.js 在vue.config.js中通过chainWebpack节点自定义打包入口 mod…
1、通过html的标签里面v-if对超出范围的进行隐藏 <div v-for="(item,index) in courselist" v-if="index < 6" :key='index'></div> 2、通过sclie截取数组的长度控制循环的次数 <div v-for="(item,index) in courselist.slice(0,6)" :k…
1、官网介绍 当一个组件被定义， data 必须申明为返回一个初始数据的函数，因为组件可能被用来创建多个实例。如果 data 仍然是一个存粹的对象，则所有的实例将共享引用同一个数据对象！通过提供data函数，每次创建一个新实例后，我们能够调用 data 函数，从而返回初始化数据的一个全新副本数据对象。 2、原理 是为了在重复创建实例的时候避免共享同一数据造成的数据污染 写函数的原因是为了保证这个对…
今天写了个触底加载的组件，因为经常用到，之前总会遇到一种需求，就是有一个列表，可以实现下拉刷新，上拉加载， 找了一个一个的插件，填了一个一个的坑后，决定自己写个触底加载，简单实现下这个功能，不要跟我说：“这样不好看，我们要看 有橡皮筋那样的弹性效果，还要有下拉刷新，巴拉巴拉。。。。”，写过几次这种需求的我，已经不在乎这种效果了，丫的全是坑， 一句“可以，但没必要”，就完了。 废话说多了，来看下实现…
使用 Vue 选项/组合 Api provide / inject Api 地址 ，此方法可以实现无感刷新并且不会出现闪烁的空白。 首先在根组件 App.vue 定义这个方法 <template> <div id="app"> <router-view v-if="routerAlive"></router-view> </div> &l…
步骤一: 组件中，挂载时 store分发任务 //页面挂载时候，分发任务：获取目录数据 mounted(){ this.$store.dispatch('categoryList'); }, 步骤二：vuex中，编写actions代码，获取数据库数据+逻辑判断 const actions={ async categoryList(context){ //通过await调用异步函数时，直接将prom…
错误场景：根据ref找到元素并设置其style this.$refs.xxx.style.opacity = '1' 会报错，这里需要使用 this.$refs.xxx.$el.style.opacity = '1' vm.$el 用于获取vue（子）组件所挂载的实例的dom对象，在mounted生命周期中才有效 <template> <div> <div>he…
在 Vue 项目实际开发过程中，经常需要对各种各样的类型进行下载，因为我不是前端出生，就自己在网上学习最后使用到自己的项目当中，代码冗余等低级错误还请多多指导。我发现用 Blob 二进制进行文件下载的比较多，我就采用了这一方式。 下面是一份 Blob 的配置关系对应表，在我们使用Blob做下载功能时 ，根据需要下载的文件类型修改 type 值进行下载即可。 文件后缀名、文件类型、mimeType值…