jfweb-vue-ui

jfweb-vue-ui

模块

• jf-menu

安装

npm install jfweb-vue-ui --save

使用JfMenu

import { JfMenu } from 'jfweb-vue-ui'

// 注册
components: {
  JfMenu
},
// data
data() {
  return {
    list: [
      {
        name: '菜单1',
        opened: true,
        children: [
          {
            name: '测试1',
            url: '/docs/use',
            key: '1'
          },
          {
            name: '测试2',
            url: '/docs/use',
            key: '2'
          },
          {
            name: '测试3',
            url: '/docs/use',
            key: '3'
          },
          {
            name: '测试4',
            url: '/docs/use',
            key: '4'
          }
        ]
      },
      {
        name: '菜单2',
        opened: true,
        children: [
          {
            name: '测试5',
            url: '/docs/iframe',
            key: '5'
          },
          {
            name: '测试6',
            url: '/docs/iframe',
            key: '6'
          }
        ]
      }
    ]
  }
}
// 跳转
clickItem({ it, key }) {
  if (it && it.url) {
    this.$router.push({
      path: it.url + '#' + it.key
    })
  }
}