Drawer

Drawer

demo 原始链接demo 源码编辑文档组件源码

二维码

Install

安装

局部注册

全局注册

import { Drawer } from 'vux'
export default {
  components: {
    Drawer
  }
}

// 在入口文件全局引入
import Vue from 'vue'
import { Drawer } from 'vux'
Vue.component('drawer', Drawer)

当前组件 forked 自 https://github.com/bajian/vue-drawer

drawer 设计是作为公用侧边栏使用，所以不支持直接在单页面里使用，而是配合 router-view 来使用。

<template>
  <div>
    <drawer
      width="200px;"
      :show.sync="drawerVisibility">
    <div slot="drawer">
      <!-- 菜单内容 -->
    </div>
    <!-- rourer-view 作为默认插槽内容 -->
    <div>
      <router-view></router-view>
    </div>
    </drawer>
  </div>
</template>

源码请参考 App.vue

API

属性

插槽

贡献者

贡献者

该组件(包含文档)迭代次数 8，贡献人数 1
airyland

Changelog

发布日志

• v2.4.0 [feature] 新组件：侧边栏(beta)