這篇文章主要為大家展示了“vue中如何使用動態(tài)組件實現(xiàn)選項卡切換效果”,內容簡而易懂,條理清晰,希望能夠幫助大家解決疑惑,下面讓小編帶領大家一起研究并學習一下“vue中如何使用動態(tài)組件實現(xiàn)選項卡切換效果”這篇文章吧。
目前創(chuàng)新互聯(lián)已為上1000家的企業(yè)提供了網(wǎng)站建設、域名、虛擬主機、網(wǎng)站托管維護、企業(yè)網(wǎng)站設計、臨澤網(wǎng)站維護等服務,公司將堅持客戶導向、應用為本的策略,正道將秉承"和諧、參與、激情"的文化,與客戶和合作伙伴齊心協(xié)力一起成長,共同發(fā)展。
導航按鈕:
新車
二手車
車品
寫3個子組件分別為
js里面用局部組件引入這三個子組件
//數(shù)據(jù)里面 data (){ return { a:'tab1' //默認顯示tab1子組件 } } components:{ 'tab1':tab1, 'tab2':tab2, 'tab3':tab3 }
如果要從父組件里面往這些字組件里面?zhèn)鲾?shù)據(jù),和普通的父組件-》子組件傳遞數(shù)據(jù)是一個道理,只不過在這個里面綁定一次屬性,就可以在每個子組件里面都接收到數(shù)據(jù),例如:
在子組件里面定義props:[]后,就可以接收到父組件傳來的方法,以及數(shù)據(jù)
以上是“vue中如何使用動態(tài)組件實現(xiàn)選項卡切換效果”這篇文章的所有內容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內容對大家有所幫助,如果還想學習更多知識,歡迎關注創(chuàng)新互聯(lián)行業(yè)資訊頻道!