![](https://img-blog.csdnimg.cn/20201014180756926.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
vue
文章平均质量分 82
Cookysurongbin
这个作者很懒,什么都没留下…
展开
-
记一次vue项目Loading chunk chunk-25849c4c failed.问题
表现:页面一段时间没打开再次打开后页面空白加载不出来,控制台看到有js文件加载失败,报错Loading chunk chunk-25849c4c failed.于是看了网上的解决办法,路由onError处理const pattern = /Loading chunk (\S)+ failed/g // 网上这里是\n 或者\d那是数字,我的是字符串改成了\S const isChunkLoadFailed = error.message.match(pattern) if (isChunk原创 2020-11-24 15:24:00 · 965 阅读 · 0 评论 -
antd table 渲染未完成离开页面,重新回去表格渲染错误
1原创 2020-10-27 15:06:23 · 967 阅读 · 0 评论 -
vue、deep 重新样式没有生效问题
背景:引用了一个组件vxe-table,使用less重新某个图标样式想要改变排序图标向上箭头的样式,于是重新右侧的css,但是没有效果/deep/ .vxe-icon--caret-bottom:before, .vxe-icon--caret-left:before, .vxe-icon--caret-right:before, .vxe-icon--caret-top:before { border-width: 5px !important;}后来发现竟然是因为这样写/de原创 2020-10-23 15:38:54 · 2635 阅读 · 0 评论 -
vue watch使用了immediate之后,handler的this指向问题
watch使用了immediate之后,handler的this指向问题?? 这里的handler方法不能使用箭头函数,改成传统function就可以了 list: { handler: function (newList, oldList) { this.handleListData(newList, oldList) }, dee...原创 2019-10-30 17:07:27 · 2664 阅读 · 0 评论 -
vue的v-if v-else复用元素机制
以前一直以为v-if和v-else渲染的元素就应该是独立的,直到前几天渲染一个自定义的组件,v-if和v-else都引入了,例如<a-form-item v-if="type===1"> <my-select/></a-form-item><a-form-item v-else> <my-select/><...原创 2019-10-29 22:25:50 · 992 阅读 · 0 评论 -
V-for and slot-scoped报错问题
此场景是为了用v-for动态渲染表格的slot可能会这么写<a-table> <span v-for="(item, index) in header" :key="index" :slot="item.dataIndex" slot-scope="text" > {{ text }} </span></a...原创 2019-09-24 20:29:43 · 3961 阅读 · 0 评论 -
ant design of vue相关
设置双日历a-range-picker置空 // 设置v-model<a-range-picker v-model="dateRange" :format="dateFormat"/>data () { return { dateRange: [] // 初始值空数组 }}// 当选择了日期后,除了手动清除外,以下用代码清除this....原创 2019-08-13 10:35:08 · 339 阅读 · 0 评论 -
移动端适配方案之postcss-px-to-viewport
之前做移动端适配时,基本上是采用rem方案,现在发现了一个新的方案,就是用viewport单位,现在viewport单位越来越受到众多浏览器的支持postcss-px-to-viewport,将px单位自动转换成viewport单位,用起来超级简单,postcss-px-to-viewport 文档安装npm install postcss-px-to-viewport --save-...原创 2019-08-16 18:32:25 · 30063 阅读 · 0 评论 -
vue动态路由异步加载import组件,加载不到module的问题
报错信息应该是这样的webpackEmptyContext (eval at ./src/store/modules sync recursive (0.js:10), <anonymous>:2:10)路由信息由后端给出,那么前端需要动态加载路由,同时component的路径也是后端给出,但是动态加载该路径会报错如:// 假如path = '@/views/use...原创 2019-08-12 16:22:53 · 33211 阅读 · 34 评论 -
Class constructor FileManager cannot be invoked without 'new'
报错内容如下,原本vue编译都没问题的,过了个周末,竟然报错了。。。原因应该是less的版本问题,但是看别人都是3.10版本有问题,但是我是版本3.8的啊,也是报错了,干脆就都用3.9版本了,这个是没问题的,修改package.json文件,锁定less版本为3.9.0,less-loader版本是4.1.0,可以把版本前面的^符号去掉,这个符号会下载3以下的最新版,以防万一。...原创 2019-08-19 11:34:30 · 2277 阅读 · 0 评论 -
Invalid Host header 服务器域名访问出现的问题
vue-cli搭建的环境,用nginx做代理服务器,访问时显示:Invalid Host header经查是因为新版的webpack-dev-server出于安全考虑,默认检查hostname,如果hostname不是配置内的就不能访问。这样有2中方法,一种是设置跳过host检查,一种是直接host设置成你的地址。1、关闭host检查可以在build目录下的webpack.dev.co...原创 2019-01-08 15:30:42 · 141955 阅读 · 14 评论 -
vue-cli创建的项目,配置多页面的方法
vue官方提供的命令行工具vue-cli,能够快速搭建单页应用。默认一个页面入口index.html,那么,如果我们需要多页面该如何配置,实际上也不复杂假设要新建的页面是rule,以下以rule为例创建新的html页面 创建入口文件Rule.vue和rule.js,仿照App.vue和main.js e原创 2018-01-19 16:19:08 · 8304 阅读 · 7 评论