vue-menu-sidebar

使用示例

CDN 引入查看在线示例

<template>
    <div>
        <menu-sidebar : visible ="visible"></menu-sidebar>
    </div>
</template>
 
<script>
import MenuSidebar from 'vue-menu-sidebar'
 
export default {
    data() {
        return {
            visible: true
        }
    },
 
    components: {
        MenuSidebar
    }
}
</script>

属性配置

属性	描述	类型	默认值
visible	控制 sidebar 组件是否展开，默认折叠。	Boolean	false
width	sidebar 组件内容区的宽度，默认 300 像素	String	300px
placement	sidebar 组件展示位置，默认左侧	String	left