請教前端前輩們Vue的兩個問題

vue.js javascript 前端

hihi 2022-06-07 17:55:05 ‧ 929 瀏覽

大神們傍晚好兩個Vue問題請教各位

需求1:

畫面一進來，預設顯示第一個

問題1:

如圖片紅框處，上方五個Button對應五個不同的component，我使用v-if的方式來判斷，但是會導致剛進來頁面時會一片空白，需要點擊其中一個才會正常顯示，也試過第一個component不用v-if，但要隨著click其他button後將資料移除(但不太確定怎麼寫)

需求2:

下方navBar與上方button連動，點擊上方或下方後，兩邊內容要一起改變並連至對應的component

問題2:

這裡沒有用router，就是單純component的寫法，希望前輩可以稍微指點一下或者有關鍵字讓我參考的，想靠自己寫出來，十分感謝

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

froce

iT邦大師 1 級 ‧ 2022-06-07 22:52:46

最佳解答

header和footer懶的改樣式，因為其實都一樣。
重點是組件間的溝通。
是為了讓你看懂才用兩份組件，要不然其實一份去做不同樣式就夠了。

vue3 composition api

hihi iT邦新手 5 級 ‧ 2022-06-07 23:40:06 檢舉

十分感謝大大，馬上來看&學習!!

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22195 篇

完賽人數

600 人

IT邦幫忙