第12講 tabs選項卡制作講解

1.1、tabs選項卡組件：

1、 tabs 組件

2、常用屬性：

value ：選中選項卡的name

type ：選項卡風格 可選擇 card / border-card

closable ： 選項卡是否可以關閉

1.2、在components目錄下新建tabs組件 tabs.vue

? {{item.content}}??

1.3、在Home.vue中引入tabs組件

Home.vue組件代碼如下所示

? ? ? ? ? ? ? ? ? Element UI、Shiro、Spring Boot權限管理系統實戰 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 個人中心 ? ? ? ? ? ? ? ? ? ? ? 退出登錄 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 歡迎您，管理員 ? ? ? ? ? ? ? ? ? 2020.06.23 13:50:30 星期一 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??

總結

以上是生活随笔為你收集整理的springboot web项目_Vue、Spring Boot开发小而完整的Web前后端分离项目实战12的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。