第12講 tabs選項(xiàng)卡制作講解

1.1、tabs選項(xiàng)卡組件：

1、 tabs 組件

2、常用屬性：

value ：選中選項(xiàng)卡的name

type ：選項(xiàng)卡風(fēng)格 可選擇 card / border-card

closable ： 選項(xiàng)卡是否可以關(guān)閉

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

? {{item.content}}??

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

Home.vue組件代碼如下所示

? ? ? ? ? ? ? ? ? Element UI、Shiro、Spring Boot權(quán)限管理系統(tǒng)實(shí)戰(zhàn) ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 個(gè)人中心 ? ? ? ? ? ? ? ? ? ? ? 退出登錄 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? 歡迎您，管理員 ? ? ? ? ? ? ? ? ? 2020.06.23 13:50:30 星期一 ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ? ??

總結(jié)

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

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。