vue/全局变量 | vuvivian's blog

created() {

​ // this._bus.$on(‘toggle-menu’, this.toggleMenu)

},

<div style="position: absolute; width: 100%; height:100% ">
     <Drawer ref="dragDrawer"
       class-name="std-drawer"
       placement="left"
       @on-visible-change="toggleMenu"
       :value="menuStatus"
       :closable="false"
       :inner="true"
       :transfer="false" 
       :mask-closable="true"
     >
       <Row class="menu-header">
         <Col span="18" offset="1">
           <Input prefix="ios-search" style="width: auto; margin-right: 5px; " />
         </Col>
         <Col span="2">
           <Icon type="md-settings" style="font-size: 20px; height: 30px; line-height: 30px;" />
         </Col>
         <Col span="2">
           <Icon type="md-add" style="font-size: 20px; height: 30px; line-height: 30px;" />
         </Col>
       </Row>
       <Menu :theme="theme" :open-names="['1']" accordion width="auto">
         <Submenu name="1">
             <template slot="title">
                 <Icon type="ios-paper" />
                 内容管理
             </template>
             <MenuItem name="1-1">文章管理</MenuItem>
             <MenuItem name="1-2">评论管理</MenuItem>
             <MenuItem name="1-3">举报管理</MenuItem>
         </Submenu>
         <Submenu name="2">
             <template slot="title">
                 <Icon type="ios-people" />
                 用户管理
             </template>
             <MenuItem name="2-1">新增用户</MenuItem>
             <MenuItem name="2-2">活跃用户</MenuItem>
         </Submenu>
         <Submenu name="3">
             <template slot="title">
                 <Icon type="ios-stats" />
                 统计分析
             </template>
             <MenuGroup title="使用">
                 <MenuItem name="3-1">新增和启动</MenuItem>
                 <MenuItem name="3-2">活跃分析</MenuItem>
                 <MenuItem name="3-3">时段分析</MenuItem>
             </MenuGroup>
             <MenuGroup title="留存">
                 <MenuItem name="3-4">用户留存</MenuItem>
                 <MenuItem name="3-5">流失用户</MenuItem>
             </MenuGroup>
         </Submenu>
       </Menu>
     </Drawer>
   </div>

// 查询返回数据
	let menuData = [{
		title:'菜单1', //
		id:'menu1',
		order:'3',
		icon: '', // 绝对路径
		translation:'',
		children:[{
			title:'菜单2',
      id:'menu1',
      children:[{

      }]
		}]
	}]

	// 移动排序/编辑/新增参数
	{
		'name':'vvv',
		'id': '23', // 新增： none
		'newOrder': '1', //最新的位置  新增none
		'parentId':'1',
		translation:'',
	}
	
	// 删除
	{
		'id':'123'
	}

	


{
  "id": "112123333",
  "result": {
    "menuData": [{
      "title": "财务",
      "id": "acc",
      "order": 1,
      "icon":"",
      "translation":"",
      "children":[]
    },{
      "title": "财务",
      "id": "acc",
      "order": 1,
      "icon":"",
      "translation":"",
      "children":[]
    },{
      "title": "财务",
      "id": "acc",
      "order": 1,
      "icon":"",
      "translation":"",
      "children":[]
    }]
  }
}