Vue中引用Ajax后,报错 Cannot find element: #xxx

博客内容讲述了在Vue项目中遇到的一个问题,即在安装并引用Ajax包(Axios)后,在特定页面找不到Element UI组件。作者怀疑是全局挂载Vue实例与页面导入之间的冲突导致。解决方案是尝试在报错的页面中注释掉部分代码,特别是与Vue实例创建相关的部分。通过这个方法,问题可能得到解决。
摘要由CSDN通过智能技术生成

前情提要:引用ajax,已完成

报错解释: 在 xxx 页面里面找不到 element 组件。
解决方法:注释掉 “# xxx页面”里面的一部分

1.安装Ajax包

npm install axios -S

在main.js中进行引用

import axios from 'axios';
Vue.prototype.$axios = axios; //全局挂载

尝试注释掉 “# xxx页面”里面的以下一部分,就可能会消除报错。

注释掉这些
import Vue from "vue";
 new Vue({
el: '#Hello'
})

我感觉应该是main.js 里面的全局挂载和页面的import发生了冲突导致。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值