
Vue项目问题笔记
Vue项目学习过程中问题记录
StrawberryF
先出发
展开
-
解决报错:Vue移动端项目中鼠标无动作时,滚动条自动下滑,拉取数据
翻遍了代码,我也没有写鼠标滚动条事件啊,scrollTop都没有写。在这个思路我困在里面2个多小时,查阅网上资料无果,心态崩溃了1个多小时。2.后面我就在想,是不是vant组件库的问题,里面的底部加载事件方法有问题。看了下,只是滑动到底的时候,去请求接口。每次想要放弃的时候,还好我告诉自己,再看20分钟,就不钻牛角尖了。在鼠标慢慢滚动,滚动到某一处位置的时候,滚动条自动触发,拼命往下走。想了想应该不会,但是我还是检查了一下(老爷保佑,找到了问题了)请求回来的数据列表,第一页和下一页没有合并!原创 2022-09-16 18:12:09 · 1168 阅读 · 0 评论 -
【Vue报错】app.js:167 Uncaught TypeError: Cannot read properties of undefined (reading ‘install‘)
app.js:167 Uncaught TypeError: Cannot read properties of undefined (reading 'install') at Function.Vue.use (vue.runtime.esm.js?c320:5739:1) at eval (index.js?5aa4:19:1) at Module../src/router/index.js (app.js:95:1) at __webpack_require__ (a原创 2022-09-16 00:39:34 · 4366 阅读 · 0 评论 -
Error in created hook (Promise/async): “AxiosError: Request failed with status code 404“
vue.runtime.esm.js?c320:4573 [Vue warn]: Error in created hook (Promise/async): "AxiosError: Request failed with status code 404"AxiosError{message: 'Request failed with status code 404', name: 'AxiosError', code: 'ERR_BAD_REQUEST', config: {…}, request:.原创 2022-08-30 15:02:39 · 1029 阅读 · 0 评论 -
Vue项目报错: “TypeError: Cannot read properties of undefined (reading ‘init‘)“
[Vue warn]: Error in mounted hook: "TypeError: Cannot read properties of undefined (reading 'init')"原创 2022-08-09 10:38:46 · 3792 阅读 · 0 评论 -
el-tooltip和el-popconfirm一起使用的方法
已经用el-tooltip来包裹el-button了,此时想弹出一个pop对话框,发现加了el-popconfirm组件后,不仅没有出现对话框,并且原来的按钮也消失了。组件el-popconfirm嵌套在外层后,标签,且必须添加关键的。...原创 2022-08-02 12:25:50 · 2383 阅读 · 3 评论 -
Vue后台管理项目中解决需要配置多个端口号问题
背景尚品汇项目中,教程代码写的如下:在vue.config.js中配置跨域代理用axios封装了一个request.js:.env.development中:可见其是拼接了VUE_APP_BASE_API这个路径:我们写什么他自动给我们拼接上去。解决经过前辈指点改写代码如下:不采用教程里拼接简写这种写法了。在vue.config.js中配置跨域代理request.js: 接着在引用到接口的地方各自补充上对应的/dev-api 、/dev1-api登录部分相关代码: 商品列表部分代码:原创 2022-07-14 17:24:32 · 2974 阅读 · 0 评论 -
解决Vue项目打包后dist中的index.html用浏览器无法直接打开的问题
1.github是不是不能部署带有接口项目的前台电商项目啊 是不是得买服务器才能在线看啊 静态的我会部署,但是这个电商项目带了接口,我想应该不可以就这样放上去的2.用npm run bulid打包后的index是不是不能直接打开。我百度了方法,都是让我改路径,但是他们都用webpack打包的,我这个是用npm init初始化的,并没有webpack下面的路径,所以我也改不了 3.那要怎么把这个前台项目部署到服务器上呢,是不是只能买个服务器来部署呀!!我主要想实现在线预览,给别人也可以看到做过的项目,原创 2022-07-11 14:45:04 · 7898 阅读 · 0 评论 -
Vue图片懒加载报错:[Vue warn]: Failed to resolve directive: lazy
[Vue warn]: Failed to resolve directive: lazy原创 2022-07-08 16:31:37 · 7558 阅读 · 5 评论 -
Vue报错:Error in v-on handler: “TypeError: Cannot read properties of undefined (reading ‘skuId‘)“
[Vue warn]: Error in v-on handler: "TypeError: Cannot read properties of undefined (reading 'skuId')"原创 2022-07-01 00:27:00 · 62916 阅读 · 1 评论 -
Vue报错: [Vue warn]: Duplicate keys detected: ‘5‘. This may cause an update
[Vue warn]: Duplicate keys detected: '5'. This may cause an update error原创 2022-06-28 14:34:54 · 4066 阅读 · 0 评论 -
v-for和v-if不能同时使用(原因和解决方法)
原因:当v-for和v-if同时使用时,VSCode会提示报错,这是因为v-for的优先级比v-if的优先级高,每一次遍历,再一个一个决定是否需要显示出来,渲染了多余的DOM节点,这会影响性能。解决: 1.加一个来解决 2.使用计算属性computed来解决3.使用v-show解决...原创 2022-06-26 23:51:58 · 694 阅读 · 0 评论 -
【Vue项目】实现商品的升降序
需求思路1. 给li绑定一个动态的类active,判断何时加上去类。为什么要加这个active,一个是可以改变背景颜色,另一个是为了确定,我们正在点击哪一个页签。接口文档定义了数据searchParams里的order:【1:综合;2:价格;asc:升序;desc:降序】那么一共有四种排列方式 1:asc;1:desc;2:asc;2:desc利用这个order属性,来判断我们正在点击哪一个页签。包装成一个计算属性,方便我们使用 2.接下来我们要给页签旁边加一个箭头。这里采用了阿里的图标库: http原创 2022-06-23 14:43:41 · 1458 阅读 · 0 评论 -
【Vue项目】面包屑多传了一个空值的数组
背景如题:在页面刷新加载的时候,就已经存在了一个空值的数组。原创 2022-06-22 19:40:24 · 359 阅读 · 0 评论 -
【Vue项目】面包屑处理品牌信息
需求点击品牌图片,实现:品牌相关的数据展示和面包屑出现该字段,并可以删除该字段再渲染原创 2022-06-22 15:16:54 · 211 阅读 · 0 评论 -
Vue中$route和$router区别
$router为vueRouter的实例,相当于一个全局路由对象,里面含有很多属性和子对象$route相当于当前正在跳转的路由对象原创 2022-06-22 11:29:22 · 344 阅读 · 0 评论 -
Vue-cli中报错:Module not found: Error: Can‘t resolve ‘vue-router ‘
配置尚硅谷的尚品汇环境时,报如下错误:Compiled with problems:XERROR in ./src/router/index.js 2:0-23Module not found: Error: Can't resolve 'vue ' in 'D:\F\XX\project-SPH\app\src\router'ERROR in ./src/router/index.js 3:0-36Module not found: Error: Can't resolve 'vue-原创 2022-06-14 16:50:20 · 20511 阅读 · 4 评论