codecamp

Vue EasyUI 侧栏菜单

属性列表

名称 数据类型 作用描述 默认值
data Array 菜单数据。 null
collapsed boolean 菜单是否已经折叠。 false
border boolean 是否显示边框。 true
animte boolean 在展开或折叠菜单时是否显示动画效果。 false
multiple boolean 为True时,展开多个面板。 false
floatMenuWidth number 浮动菜单宽度。 200
floatMenuPosition string 浮动菜单位置。 right

事件列表

名称 参数 作用描述
selectionChange item 选择菜单项时触发。
itemClick item 单击菜单项时触发。

注：
- 继承： None 。

使用方法

<SideMenu :style="{width:width+'px'}"
          :data="menus"
          :collapsed="collapsed"
          @selectionChange="selection=$event">
</SideMenu>
Vue EasyUI 菜单
Vue EasyUI 链接按钮
温馨提示
下载编程狮App，免费阅读超1000+编程语言教程
取消
确定
目录

Vue EasyUI 教程总览

Vue EasyUI 基础

Vue EasyUI 布局

Vue EasyUI 表单

Vue EasyUI 菜单与按钮

Vue EasyUI 窗口

Vue EasyUI 数据与树

关闭

 MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }