vue如何解决循环引用组件报错的问题
2018-09-22 11:31
1901 查看
问题由来
最近在做项目的时候遇到使用循环组件,因为模式一样,只有数据不一样。按照普通组件调用格式来做的时候总是报错,错误信息为[Vue warn]: Unknown custom element: <selfile> - did you register the component correctly? For recursive components, make sure to provide the "name" option.
解决方案
查询了网上各种资料之后,发现是循环调用组件时,组件比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: '<App/>' })
用上面的方法全局引入组件就可以解决循环引用组件报错的问题。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- vue 解决循环引用组件报错的问题
- 如何在 iOS 中解决循环引用的问题
- 如何在 iOS 中解决循环引用的问题
- 如何解决Eclipse中Java工程间循环引用而报错的问题
- 标准库里的weak_ptr如何解决循环引用所带来的问题
- 如何解决block 循环引用的问题
- 如何在 iOS 中解决循环引用的问题
- vue 解决循环引用组件报错
- 如何在 iOS 中解决循环引用的问题
- ios开发--如何在 iOS 中解决循环引用的问题(FBRetainCycleDetector框架)
- 如何解决 block 循环引用的问题
- 如何解决引用对象时,必须加所有者(owner)的问题
- 解决继承窗体或用户控件时“visual继承当前被禁用,因为基类引用设备特定的组件或包含 p/invoke”问题【转】
- 解决Eclipse中Project循环引用而报错的问题
- c sharp 中调用mo如何解决引用问题?
- 解决继承窗体或用户控件时“visual继承当前被禁用,因为基类引用设备特定的组件或包含 p/invoke”问题
- 如何解决最后一个尾注引用显示与致谢混为一谈的问题-下
- 解决Eclipse中Java工程间循环引用而报错的问题
- 程序编码问题..如何设置引用控件支持字符编码.解决传参中编码问题
- 如何解决引用对象时,必须加所有者(owner)的问题