09 2022 档案
vue 动态路由刷新页面404
摘要：1.如果你的静态路由最后有如下代码： // 404 page must be placed at the end !!! { path: "*", redirect: "/404", hidden: true }, 2.如果你的路由有一部分是动态获取的话，刷新页面会路由到404页面，404页面一定要
遇到一个bug，组件不更新内容
摘要：解决办法 ##当v-if的值发生变化时，组件都会被重新渲染一遍。因此，利用v-if指令的特性，可以达到强制刷新组件的目的。 <template> <comp v-if="update"></comp> <button @click="reload()">刷新test1组件</button> </te
虚线点
摘要：.dian { // border-left: 1px dotted #2063ff; // height: 40px; margin-left: 19px; // top: 1px; height: 40px; background-image: linear-gradient( #2063ff
百度地图api
摘要：#今天需要在公司官网展示公司坐标，也学习一下百度地图的其他api ##HTML <div id="mapContainer" style="height: 500px"></div> ##js const map = new BMapGL.Map("mapContainer");//创建地图 con
数组处理方法总结
摘要：今天遇到了一个操作数组的问题，概念有点模糊，整理一下。 ##some() ###作用：判断是否有元素符合func条件，返回一个Boolean ###不会修改原数组 const arr = [1,2,3,4]; arr.some((item)=>{return item>1}) 打印结果： true
css文字超出后显示...，鼠标放上去展示
摘要：##多行 overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; ##鼠标 .reason:hover { height
vue中使用html video标签，写中间暂停图标
摘要：一篇汇总video事件的文章，方便查阅： https://blog.csdn.net/xuehu837769474/article/details/107532487 html部分 <div class="content"> <video width="1416" height="828" ref=
img和div之间有间隙的原因及解决方法
摘要：###div 中 存在 img标签，由于img标签的 display:inline-block 属性。 #####display:inline-block布局的元素在chrome下会出现几像素的间隙，原因是因为我们在编辑器里写代码的时候，同级别的标签不写在同一 行以保持代码的整齐可读性，即inlin
vue this.$router.push query传递对象方法
摘要：this.$router.push({ path: '/home', query: { params: JSON.stringify({ name: 'lokka', age: 18 }) } }); let params = JSON.parse(this.$route.query.params)
#css#如何使用hover，实现父对子的样式改变？
摘要：思路及做法： 鼠标移动到父盒子的时候， 里面所有的子盒子的样式都发生变化的， 只需要直接在hover后面加上空格， 并且加上子盒子的类名 ,里面再写其他样式 .父盒子的类名:hover .子盒子的类名 { //这里写鼠标移入到父盒子里面，子盒子要发生的样式变化 } 温馨提示，遇到父盒子里面的子盒子过
js从数组中找到某个对象
摘要：handel(ide) { let that = this; console.log(that.goodCaseList); let detailData = that.goodCaseList.find((v) => { return v.id == ide; });
vue-router query和params 传参和接收参数
摘要：1、params 方式传递和接收参数 //传参 this.$router.push({ name: 'checkDetailInfo', params:{ fkdNum:fkdNum, jyayStr:jyayStr, defaultStr:defaultStr, detailViewBtn:det
core-js/modules/es.error.cause.js 报错
摘要：解决方法： 1、先删除 node_modules 依赖 npm rm -rf node_modules 2、首先安装 报错的插件 npm install --save core-js 3、最后再 npm install 或者 yarn install npm install yarn install
从dva到vuex的使用方法（）
摘要：###官网文档：https://vuex.vuejs.org/zh/ ###辅助理解的博客：https://blog.csdn.net/m0_70477767/article/details/125155540 #vueX是什么 ####Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式
