摘要: 由于项目需要,兼容IE,所以只能用vue2,且ant-design只能选用1版本 第一步: 1.查看vue/cli版本,我选用的是4.4.6 2. 创建项目 vue create writebg-project 选择自定义配置,并选择需要的选项 3.根据需要,选择是否需要历史路由 4.选择css预处 阅读全文
posted @ 2022-04-26 16:24 zcm花开不败 阅读(5800) 评论(0) 推荐(0)
摘要: 一、<transition> 使用transition标签包裹, <transition> <div class="page-login--layer" v-show="show"></div> </transition> /*v-enter 是进入之前,元素的起始状态*/ /*v-leave-to 阅读全文
posted @ 2022-02-08 17:27 zcm花开不败 阅读(1632) 评论(0) 推荐(0)
摘要: 插件地址:https://github.com/hilongjw/vue-lazyload 1.安装插件:npm i vue-lazyload -S 2.使用: ①导入插件 import VueLazyload from 'vue-lazyload' ②注册 图片懒加载配置 在main.js文件中注 阅读全文
posted @ 2022-02-07 15:33 zcm花开不败 阅读(424) 评论(0) 推荐(0)
摘要: configureWebpack与chainWebpack的作用相同,唯一的区别就是他们修改webpack配置方式不同: https://cli.vuejs.org/zh/config/#configurewebpack configureWebpack 通过操作对象得形式来修改迷人得webpack 阅读全文
posted @ 2022-01-24 13:06 zcm花开不败 阅读(3535) 评论(0) 推荐(0)
摘要: 问题:测试环境发现vue项目在chore下能正常运行和加载,在IE11下打不开 报错: SCRIPT1006: 缺少 ')' chunk-vendors.js (5149,46) 点击进入chunk-vendors.js (5149,46) 发现是 crypto-js插件报错如下 原因: crypt 阅读全文
posted @ 2021-12-27 16:56 zcm花开不败 阅读(1407) 评论(0) 推荐(0)
摘要: 当文本内容过长需要保留全部时,我们常规进行换行: word-break: break-all; // 使中文和英文为一体,一起换行word-wrap: break-word; // 使中文和英文分开换行 当上述两个方案都换行无效的时候,检查一下 white-space的属性是nowrap还是norm 阅读全文
posted @ 2021-12-22 13:11 zcm花开不败 阅读(2456) 评论(0) 推荐(0)
摘要: 问题来: 当一个大盒子一排放三个小盒子,当展示display:inline-block时,内容不一样高时,出现错位现象。如图。 当三个并列的盒子内容一样时候,错位问题消失。 原因:inline-block可以让块元素呈现内联元素, 内联元素默认是基于baseline对齐的。 解决方案: 1.可以设置 阅读全文
posted @ 2021-11-01 16:04 zcm花开不败 阅读(227) 评论(0) 推荐(0)
摘要: 参考:https://www.freesion.com/article/95991107065/ 问题原因: node-sass版本不匹配 问题解决办法是: 切换镜像源,切换为国内的淘宝镜像源 1.设置全局淘宝镜像源 npm config set sass_binary_site https://n 阅读全文
posted @ 2021-10-14 11:12 zcm花开不败 阅读(1460) 评论(0) 推荐(0)
摘要: str.match(/<li>(.*?)<\/li>/g) 阅读全文
posted @ 2021-09-17 15:47 zcm花开不败 阅读(211) 评论(0) 推荐(0)
摘要: ...mapGetters('robot', { getRobot: 'getRobot', }), 这种是直接拿模块里的,第一个是模块名,第2个是对应的getter computed: { ...mapGetters('robot', { getRobot: 'getRobot', }), }, 阅读全文
posted @ 2021-06-21 16:19 zcm花开不败 阅读(950) 评论(0) 推荐(0)