1.0.4 • Published 2 years ago

vue-fragment-plus v1.0.4

Weekly downloads
-
License
MIT
Repository
github
Last release
2 years ago

explain

Original vue-fragment source code,just added vue3 support

usage

  import { Fragment } from 'vue-fragment-plus'
  app.use(Fragment)

example

  <el-menu
    active-text-color="#fff"
    background-color="rgb(0, 25, 49)"
    :default-active="state.defaultAct"
    text-color="#fff"
    @select="handleSelectMenu"
    :collapse="state.isCollapse"
    :collapse-transition = 'false'
    router
  >
    <fragment v-for="v in state.menus" :key="v.id">
      <el-menu-item :index="v.menuUrl"  v-if="!v.children.length">
        <el-icon><component :is="v.menuPic"></component></el-icon>
        <span>{{v.menuName}}</span>
      </el-menu-item>
      <el-sub-menu v-else>
        <template #title>
          <el-icon><component :is="v.menuPic"></component></el-icon>
          <span>{{v.menuName}}</span>
        </template>
        <el-menu-item :index="item.menuUrl" v-for="item in v.children" :key="item.id">{{item.menuName}}</el-menu-item>
      </el-sub-menu>
    </fragment>
  </el-menu>