0.0.6 • Published 9 months ago
layoutqt v0.0.6
安装
npm install layoutqt -S开始&使用
// main.js中引入
import { createApp } from 'vue'
import App from './App.vue'
import Layoutqt from 'layoutqt'
import ArcoVue from '@arco-design/web-vue';
import ArcoVueIcon from '@arco-design/web-vue/es/icon';
import '@arco-design/web-vue/dist/arco.css';
const app = createApp(App);
app.use(Layoutqt);
app.use(ArcoVue);
app.use(ArcoVueIcon);
app.mount('#app');
// vue文件中使用***.vue
// <qtcanvasmenu :canvasmenus="[...]" @toInnerRouter="toInnerRouter"/>
// <qttopbar :topbartitle="topbartitle" :userprofile="userprofile" @signOutOidc="signOutOidc"/> 其他说明
本组件依赖acro-design及ArcoVueIcon
| 组件名称 | 入参 | 回调 |
|---|---|---|
| qtcanvasmenu | 必填 canvasmenus:Array 为bus-canvasmenus接口返回的canvasmenus列表 | function toInnerRouter(menuitem) 参数为当前点击菜单数据 |
| qttopbar | 必填 userprofile:Object，登录用户基本信息{name:""}；非必填：topbartitle:String 左上角标题 | function signOutOidc() 登出 |