成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

vue 解決循環(huán)引用組件報錯的問題

Apollo / 2724人閱讀

摘要：問題由來最近在做項目的時候遇到使用循環(huán)組件，因為模式一樣，只有數(shù)據(jù)不一樣。具體代碼如下用上面的方法全局引入組件就可以解決循環(huán)引用組件報錯的問題。

問題由來

最近在做項目的時候遇到使用循環(huán)組件，因為模式一樣，只有數(shù)據(jù)不一樣。按照普通組件調(diào)用格式來做的時候總是報錯，錯誤信息為[Vue warn]: Unknown custom element: - did you register the component correctly? For recursive components, make sure to provide the "name" option.

解決方案

查詢了網(wǎng)上各種資料之后，發(fā)現(xiàn)是循環(huán)調(diào)用組件時，組件比vue實例后創(chuàng)建，官方文檔里寫組件必須先于實例化引入，所以說組件沒有正確的引入。

解決方式

解決的方式就是全局引入組件，并且在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: ""
})

用上面的方法全局引入組件就可以解決循環(huán)引用組件報錯的問題。

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/108514.html

相關(guān)文章

  • iView3.x Anchor(錨點)組件 導(dǎo)航錨點

    摘要：錨點組件導(dǎo)航錨點框架中新添了一個錨點組件，用這個組件去做頁面的分類導(dǎo)航正好合適，但是苦于官方文檔太過抽象研究了一整天，才勉強可以在項目中應(yīng)用。 iView3.x Anchor(錨點)組件 導(dǎo)航錨點 iview 3.x框架中新添了一個Anchor（錨點組件），用這個組件去做頁面的分類導(dǎo)航正好合適，但是苦于官方文檔太過抽象研究了一整天，才勉強可以在項目中應(yīng)用。下面是我研究后的一點總結(jié)...

    wuaiqiu 評論0 收藏0

  • 支持多框架的組件庫KPC 1.0正式發(fā)布

    摘要：自從年月份對外公布以來，已經(jīng)經(jīng)過了個月的迭代，期間發(fā)布了幾十個正式版本，但一直沒有到，因為我們覺得是個里程碑版本，我們必須做的足夠完善才敢稱之為。 自從17年11月份對外公布以來，KPC已經(jīng)經(jīng)過了8個月的迭代，期間發(fā)布了幾十個正式版本，但一直沒有到1.0，因為我們覺得1.0是個里程碑版本，我們必須做的足夠完善才敢稱之為1.0。而如今我們有信心對外宣布：KPC 1.0終于來了！ 其實距離...

    劉厚水 評論0 收藏0

  • Vue with typescript

    摘要：想要使用語法的話，配合，這個插件，體驗更佳，這個插件在語法中實現(xiàn)了。這種方式最接近的單文件組件的寫法，如果一個完善項目從改成，用這種方法很快，只要加上和一些必要的變量類型就好了，然后用包裹就好。不推薦混入用這種方式寫，無法實現(xiàn)多繼承。 最近嘗試了一下 TypeScript，試著把一個 Vue 項目改成了 TypeScript 的，感覺還不錯 目前 Vue 和 TypeScript 的配...

    JerryWangSAP 評論0 收藏0

  • bootstrap modal上彈出dialog 報錯Maximum call stack size

    摘要：昨天修改彈出的警告太難看了，改用對話框，然后就報了一個錯反復(fù)測試，在的模態(tài)框上彈出了的，才報這個錯的。設(shè)置選項為，并通過選項來指定主要的和次要的用戶動作?？傊?，問題解決了。 昨天修改alert彈出的警告太難看了，改用dialog對話框，然后就報了一個錯： jquery-2.0.2.min.js:5 Uncaught RangeError: Maximum call stack ...

    jokester 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<