2021-10-13 17:44:42 +08:00
|
|
|
<template>
|
2021-10-15 20:33:08 +08:00
|
|
|
<v-card class="mx-auto" width="100%">
|
|
|
|
|
<v-btn color="primary" dark class="mb-2 mx-2" @click="dialog = true">
|
|
|
|
|
添加新项
|
|
|
|
|
</v-btn>
|
|
|
|
|
<v-btn color="primary" dark class="mb-2 mx-2" @click="dialog = true">
|
|
|
|
|
删除所选
|
|
|
|
|
</v-btn>
|
2021-10-14 20:29:07 +08:00
|
|
|
<ccTreeview :items="Menuitems"></ccTreeview>
|
2021-10-15 20:33:08 +08:00
|
|
|
</v-card>
|
2021-10-13 17:44:42 +08:00
|
|
|
</template>
|
|
|
|
|
<script>
|
2021-10-15 20:33:08 +08:00
|
|
|
import menuApi from "../api/MenuApi";
|
2021-10-13 17:44:42 +08:00
|
|
|
export default {
|
2021-10-15 20:33:08 +08:00
|
|
|
created() {
|
|
|
|
|
this.init();
|
|
|
|
|
},
|
2021-10-13 17:44:42 +08:00
|
|
|
data: () => ({
|
2021-10-15 20:33:08 +08:00
|
|
|
Menuitems: [],
|
|
|
|
|
}),
|
|
|
|
|
methods: {
|
|
|
|
|
init() {
|
|
|
|
|
menuApi.getMenu().then((resp) => {
|
|
|
|
|
this.Menuitems = resp.data;
|
|
|
|
|
});
|
|
|
|
|
},
|
|
|
|
|
},
|
2021-10-13 17:44:42 +08:00
|
|
|
};
|
|
|
|
|
</script>
|