国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

您的位置:首頁技術文章
文章詳情頁

javascript - 如何利用vue組件 動態(tài)生成router-link

瀏覽:125日期:2023-06-02 16:58:56

問題描述

Vue.component(’sidebar’, {template:’<p><router-link to='/'>Go to Foo</router-link><router-link to='/bar'>Go to Bar</router-link></p>’})var sidebar = new Vue({el: ’#sidebar’})// 加載router$(’head’).append(’<script src='https://cdn.bootcss.com/vue-router/2.6.0/vue-router.js'></script>’)//之后再執(zhí)行VueRouter目前的問題

雖然這樣可行,但是在vue-router執(zhí)行之前會報一個組件未注冊的錯誤,請教各位大大有沒有更好的動態(tài)實現方式

javascript - 如何利用vue組件 動態(tài)生成router-link

原問題↓

如上所示,需要動態(tài)生成側邊路由,然后執(zhí)行vue-router去解析,但是會出錯,無法理解怎么就出錯了

原因是vue-router會自動去解析router-link,即使沒有VueRouter實例

javascript - 如何利用vue組件 動態(tài)生成router-link

問題解答

回答1:

首先,Vue.component的第二個參數是一個配置對象,你這個寫法連JS語法都不符合。

其次,template配置應該是一個HTML代碼的字符串,所以改成:

Vue.component(’sidebar’, { template: ’<p><router-link to='/'>Go to Foo</router-link><router-link to='/bar'>Go to Bar</router-link></p>’});Update

(參考資料:https://router.vuejs.org/en/e...)

針對你說的都是引入的情況,代碼做如下修改:先按如下順序依次引入Vue和Vue-router

<script src='https://unpkg.com/vue/dist/vue.js'></script><script src='https://unpkg.com/vue-router/dist/vue-router.js'></script>

然后加入如下JS

// 在Vue里面注冊VueRouter,這樣可以在Vue里面使用`<router-link>`Vue.use(VueRouter);// 下面這一段是路由設置和應用根元素綁定,具體可以參照官方文檔// -----------------------------------var routes = [ ... ]; // 這個是路由的配置,你自己寫// 定義路由VueRouter控件,其中,`{routes}`是`{routes: routes}`的簡寫,可能是ES6里面的新語法var router = new VueRouter({routes});// 創(chuàng)建Vue對象var app = new Vue({ el: ’#app’, // 假設綁定的根元素為#app router, // 此處也是簡寫});

然后可以使用Vue.component()語句了,此時,因為注冊了Vue-Router組件,<router-link>可以被識別。

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 99久久精品国产一区二区三区 | 久草视频首页 | 成人精品第一区二区三区 | 免费观看a毛片一区二区不卡 | 精品一区二区三区视频在线观看免 | 欧美成人高清手机在线视频 | 在线a亚洲视频播放在线观看 | 中国的毛片 | 国产精品hd在线播放 | 国产精品久久久久影院色老大 | 国产亚洲精品久久久久久无 | 草草在线观看视频 | 天天看片日本 | 性刺激久久久久久久久 | 色精品视频 | 欧美成人性毛片免费版 | 美女被免费网站在线视频软件 | 午夜啪啪福利视频 | 一区二区在线免费视频 | 国产一区二区三区手机在线观看 | 亚洲综合国产一区在线 | 高清一区二区三区四区五区 | 国产精品一区在线免费观看 | 色狠狠色综合吹潮 | 欧美日韩一区二区在线观看视频 | 99久久综合国产精品免费 | 一本综合久久 | 特大一级aaaaa毛片 | 欧美ⅹxxxx视频| 国产欧美一区二区三区久久 | 午夜成人在线视频 | 亚洲欧美在线看 | 日韩午夜在线视频不卡片 | 欧美特级午夜一区二区三区 | 午夜综合网 | 国产三级日本三级在线播放 | 亚洲经典在线观看 | 国产精品一级香蕉一区 | 国产成人亚洲合集青青草原精品 | 成人欧美精品大91在线 | 亚洲成人免费在线观看 |