txs1992 / vue-sidebar

📦 一个基于 vue 的支持菜单切换的侧边栏组件。A vue-based sidebar component that supports menu switching.

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