chenhaodong / mew-iview

  <template>

      <Menu mode="horizontal" :theme="theme1" active-name="3-4" @on-select="hs">
          <MenuItem name="1" to="/button" target="_blank">
              <Icon type="ios-paper" />
              内容管理
          </MenuItem>
          <MenuItem name="2">
              <Icon type="ios-people" />
              用户管理
          </MenuItem>
          <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>

          <MenuItem name="4">
              <Icon type="ios-construct" />
              综合设置
          </MenuItem>

      </Menu>

  </template>
  <script>

      export default {

          data () {
              return {
                  theme1: 'light'
              }
          },
          methods: {
              hs (n) {
                  console.log(n);
              }
          }

      }

  </script>