AIoT前端基础组件文档

Appearance

Return to top
On this page

CommonBread 面包屑

基础用法 

<template>
  <div class="__common-layer-bread">
    <common-bread title=""></common-bread>
  </div>
</template>

<script setup>
import { ref } from 'vue'
const breads = ref([{ name: '表格示例', to: '/table' }, { name: '栅格示例' }])
</script>

<style>

.__common-layer-bread {
  height: 50px;
  padding-left: 26px;
  display: flex;
  align-items: center;
}
</style>

<template>
  <div class="__common-layer-bread">
    <common-bread title=""></common-bread>
  </div>
</template>

<script setup>
import { ref } from 'vue'
const breads = ref([{ name: '表格示例', to: '/table' }, { name: '栅格示例' }])
</script>

<style>

.__common-layer-bread {
  height: 50px;
  padding-left: 26px;
  display: flex;
  align-items: center;
}
</style>

配置参数

参数说明类型是否必须
breads面包屑循环值，一般可以再router路由中的meta中进行配置；Array[]true