tiny-vue/examples/sites/demos/pc/app/link-menu/data-resource.vue

94 lines
2.2 KiB
Vue
Raw Permalink Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<template>
<tiny-link-menu :data="datas" title="收藏夹菜单" wrap :keep-selected-nodes="false"></tiny-link-menu>
</template>
<script lang="jsx">
import { LinkMenu } from '@opentiny/vue'
export default {
components: {
TinyLinkMenu: LinkMenu
},
data() {
return {
datas: [
{
id: 1,
label: '菜单内容超长时换行显示,默认为 false菜单内容超长时换行显示默认为 false。添加属性wrap显示换行'
},
{
id: 2,
label: '开发指南',
disabled: false,
children: [
{
id: 3,
label: '引入组件',
url: '#/webnova/zh-CN/guide/quickstart'
},
{
id: 4,
label: '国际化',
url: '#/webnova/zh-CN/guide/i18n'
},
{
id: 5,
label: '权限',
url: '#/webnova/zh-CN/guide/permission'
}
]
},
{
id: 6,
label: '表单组件',
children: [
{
id: 7,
label: 'Button 按钮',
url: '#/webnova/zh-CN/component/button'
},
{
id: 8,
label: 'Input 输入框',
url: '#/webnova/zh-CN/component/input'
}
]
},
{
id: 9,
label: '数据组件',
children: [
{
id: 10,
label: 'Pager 分页',
url: '#/webnova/zh-CN/component/pager'
},
{
id: 11,
label: 'Tree 树形控件',
url: '#/webnova/zh-CN/component/tree'
}
]
},
{
id: 12,
label: '其他组件',
children: [
{
id: 13,
label: 'BulletinBoard 公告牌',
url: '#/webnova/zh-CN/component/bulletin-board'
},
{
id: 14,
label: 'Tag 标签',
url: '#/webnova/zh-CN/component/tag'
}
]
}
]
}
}
}
</script>