Drawer 组件使用教程

安装

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

属性

插槽