项目中Vue踩过的坑(持续更新)

简介: 项目中Vue踩过的坑(持续更新)

1.this.$router.push({path:‘’,query:{show:true}})

通过路由传的参数为Boolean时,接收的时候为String类型

2.详情页回列表定位到之前位置

detail页返回到列表页定位到之前的界面,而新增和编辑不需要,因为列表页都需要重新渲染

{
path:'/',
meta:{keepAlive:true}
}
<keep-alive>
<router-view v-if="$route.meta.keepAlive"></router-view>
</keep-alive>
<router-view v-if="!$route.meta.keepAlive"></router-view>
router.beforeEach((to,form,next)=>{
['‘当前路由’].includes(to.name){
from.meta.keepAlive = true
}
})

3.Cannot read property ‘protocol’ of undefined

具体原因出在了 main.js 中引用了 axios,同时在其它的类中使用了 axios 的请求,Vue.use(axios),删除即可

4.These dependencies were not found:core-js/modules/xxxx in ./src/xxxx/xxx

找到根目录下babel.config.js文件 ,加入配置:

module.exports = {

presets: [[‘@vue/app’, { useBuiltIns: ‘entry’ }]]

}

yarn run dev启动项目后,浏览器输入http://localhost:8060后,显示无法访问此网络,localhost拒绝了我们的🔗请求。


  1. vue.config.js中host改为0.0.0.0
devServer: {
     host: '0.0.0.0',
  }


目录
相关文章
|
1天前
|
JavaScript 前端开发
【vue】iview如何把input输入框和点击输入框之后的边框去掉
【vue】iview如何把input输入框和点击输入框之后的边框去掉
7 0
|
1天前
|
JavaScript
【vue实战】父子组件互相传值
【vue实战】父子组件互相传值
6 1
|
1天前
|
JavaScript
vue2_引入Ant design vue
vue2_引入Ant design vue
6 0
|
1天前
|
JavaScript
vue知识点
vue知识点
10 4
|
2天前
|
存储 JavaScript 前端开发
【Vue】绝了!这生命周期流程真...
【Vue】绝了!这生命周期流程真...
|
2天前
|
JavaScript 索引
【vue】框架搭建
【vue】框架搭建
7 1
|
2天前
|
JavaScript 前端开发 容器
< 每日小技巧: 基于Vue状态的过渡动画 - Transition 和 TransitionGroup>
Vue 的 `Transition` 和 `TransitionGroup` 是用于状态变化过渡和动画的组件。`Transition` 适用于单一元素或组件的进入和离开动画,而 `TransitionGroup` 用于 v-for 列表元素的增删改动画,支持 CSS 过渡和 JS 钩子。
< 每日小技巧: 基于Vue状态的过渡动画 - Transition 和 TransitionGroup>
|
2天前
|
JavaScript
【vue】setInterval的嵌套实例
【vue】setInterval的嵌套实例
8 1
|
2天前
|
JavaScript 前端开发 安全
【Vue】内置指令真的很常用!
【Vue】内置指令真的很常用!
|
2天前
|
JavaScript
【Vue】过滤器Filters
【Vue】过滤器Filters