從0開始學VUE--使用Django+Vue 構建一個Web專案(8) 麵包屑 + Tag標籤切換功能

dailinqing1984發表於2020-11-29
VueDjangoWeb

麵包屑效果

<el-breadcrumb separator-class="el-icon-arrow-right">
        <!--很明顯 首頁 一定是存在的 所以這裡直接寫死-->
        <el-breadcrumb-item :to="{ path: '/' }">首頁</el-breadcrumb-item>
        <!--第二級選單名稱 就要看左側元件有沒有點選指定選單，沒有那就只顯示首頁 點選就顯示當前選單名稱-->
        <el-breadcrumb-item :to="current.path" v-if="current">{
  {
          current.label
        }}</el-breadcrumb-item>
      </el-breadcrumb>

Tag標籤

新建一個vue檔案

<template>
  <div class="tabs" margin="10px">
    <!--closable這裡說明home是不能關閉的-->
    &l

相關文章