element的下拉菜单Dropdown级联做法

官网提供的文档只提供了一层
image.png

看到正好有朋友问Dropdown如何做级联
现在把代码贴到下面
三联四联做法一致
image.png

  
      
        {{title}}
    
      
      
        
      
    
menu : [
      {
        title : "分类",
        url : "",
        childer :[
          {
            title : '分类1',
            url : '1111'
          },
          {
            title : '分类2',
            url : '2222'
          },
          {
            title : '分类3',
            url : '3333'
          }
        ]
      },
      {
        title : "我的",
        url : "",
        childer :[
          {
            title : '个人中心',
            url : 'b1111'
          },
          {
            title : '我的订单',
            url : 'b2222'
          },
          {
            title : '购物车',
            url : 'b3333'
          },
          {
            title : '零钱',
            url : 'b4444'
          },
          {
            title : '账户安全',
            url : 'b5555'
          }
        ]
      },
      {
        title : '首页',
        url : 'https://segmentfault.com/'
      }
    ]

你可能感兴趣的:(element,vue.js,前端)