vue.js中循环引用组件报错怎么办

vue.js中循环引用组件报错的解决办法:在【main.js】里引入全局组件,代码为【import Axios from ‘./utils/axiosPlugin’】。

vue.js中循环引用组件报错怎么办

【相关文章推荐:vue.js

vue.js中循环引用组件报错的解决办法:

解决方案

查询了网上各种资料之后,发现是循环调用组件时,组件比vue实例后创建,官方文档里写组件必须先于实例化引入,所以说组件没有正确的引入。

立即学习“前端免费学习笔记(深入)”;

解决方式

解决的方式就是全局引入组件,并且在vue实例化前。

具体到我们项目中,就是在main.js里引入。

具体代码如下main.js:

import Vue from 'vue'import App from './App'import router from './router'import store from './store';import iView from 'iview';import './styles/index.less'import {VTable,VPagination} from 'vue-easytable'import 'vue-easytable/libs/themes-base/index.css'import Axios from './utils/axiosPlugin'import './styles/button.css'import './styles/common.css'// require('./mock/mock')import selFile from './views/file/selFile.vue' Vue.use(iView);Vue.use(Axios); Vue.component(VTable.name, VTable)Vue.component(VPagination.name, VPagination)Vue.component("selFile",selFile) Vue.config.productionTip = false /* eslint-disable no-new */new Vue({ el: '#app', store, router, components: { App }, template: ''})

登录后复制

相关免费学习推荐:vue.js(视频)

以上就是vue.js中循环引用组件报错怎么办的详细内容,更多请关注【创想鸟】其它相关文章!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3145047.html

(0)
上一篇 2025年3月30日 07:47:55
下一篇 2025年3月30日 07:48:04

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • vue.js插件是什么意思

    vue.js插件是通常用来为Vue添加全局功能,插件的功能范围没有严格的限制,通过全局方法【Vue.use()】使用插件,需要在你调用【new Vue()】启动应用之前完成。 【相关文章推荐:vue.js】 插件通常用来为 Vue 添加全局…

    2025年3月30日
    000
  • vue.js中如何绑定事件

    vue.js中绑定事件的方法:1、直接在标签中写js方法,代码为【执行方法的第一种写法】;2、调用method的办法。 【相关文章推荐:vue.js】 vue.js中绑定事件的方法: 1、 直接在标签中写js方法  执行方法的第一种写法 登…

    2025年3月30日
    100
  • vue.js中怎么添加图片

    vue.js中添加图片的方法是:首先将要添加的图片统一放在一个json文件中;然后在vue页面中引用该json文件即可,如【import imgs from “../../static/json/img.json”】…

    2025年3月30日
    100
  • vue.js支持jquery吗?

    vue.js支持jquery。vue中用jquery的方法:首先使用“npm install jquery –save”进行安装;然后配置webpack,在main.js里导入jquery;最后在需要的组件中使用jquery代码…

    2025年3月30日
    100
  • vue.js如何遍历数组

    vue.js遍历数组的方法:1、使用foreach循环,代码为【this.urls.forEach(item =>】;2、使用filter循环,代码为【return this.urls.filter(item =>】。 该方法适…

    2025年3月30日
    100
  • 什么是vue.js插件

    vue.js插件是用来增强技术栈的功能模块,它的目标是Vue;插件也是对Vue的功能的增强和补充;插件通常用来为Vue添加全局功能,但是插件的功能范围没有严格的限制。 本文操作环境:windows10系统、vue2.9版本、thinkpad…

    2025年3月30日
    100
  • vue.js如何安装jq

    vue.js安装jq的方法:首先通过命令“npm install jquery –save”安装JQuery;然后修改配置文件;接着在main.js文件中引入JQuery;最后重启项目即可。 本教程操作环境:windows7系统…

    2025年3月30日
    100
  • Vue中8个实用的自定义指令(分享)

    在 Vue,除了核心功能默认内置的指令 ( v-model 和 v-show ),Vue 也允许注册自定义指令。它的作用价值在于当开发人员在某些场景下需要对普通 DOM 元素进行操作。 相关推荐:《vue.js教程》 Vue 自定义指令有全…

    2025年3月30日
    100
  • Vue cli3引入bootstrap的方法介绍

    本篇文章介绍一下vue cli3中引入bootstrap的方法。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。 相关推荐:《bootstrap》、《bootstrap》 在 vue 项目中引入 bootstrap,首先要引…

    2025年3月30日
    100
  • vue.js如何操作dom

    vue.js操作dom的方法:1、原生js操作dom,代码为【const dom = getElementById(‘box’)】;2、使用vue官方方法ref,代码为【】。 本教程操作环境:windows7系统、Vue2.9.…

    2025年3月30日
    100

发表回复

登录后才能评论