fix(owner-vue): sidebar warning 해결

- model 속성 수정
This commit is contained in:
hoon7566
2022-03-21 13:26:28 +09:00
parent 482a3848c5
commit 33eeb30545
2 changed files with 14 additions and 6 deletions

View File

@@ -1,6 +1,6 @@
<template> <template>
<v-app id="inspire"> <v-app id="inspire">
<side-bar :drawer="drawer"></side-bar> <side-bar :drawer="drawer" @drawerEvent="drawer = !drawer"></side-bar>
<top-bar @drawerEvent="drawer = !drawer" <top-bar @drawerEvent="drawer = !drawer"
:notificationCounts="notificationCounts"/> :notificationCounts="notificationCounts"/>
<v-main style="background: #f5f5f540"> <v-main style="background: #f5f5f540">

View File

@@ -1,13 +1,13 @@
<template> <template>
<!-- <v-navigation-drawer v-model="drawer" app> --> <!-- <v-navigation-drawer v-model="drawer" app> -->
<v-navigation-drawer <v-navigation-drawer
v-model="drawer" v-model="drawer_sidebar"
app> app>
<v-img <v-img
height="140" height="140"
class="px-7 mx-7" class="px-7 mx-7"
:src="require('@/assets/just-logo.png')" :src="require('@/assets/just-logo.png')"
contain/> contain/>
<v-divider></v-divider> <v-divider></v-divider>
<v-list> <v-list>
<v-list-item v-for="(link,index) in links" :key="link.icon" link @click="clickGo(index, link.url)"> <v-list-item v-for="(link,index) in links" :key="link.icon" link @click="clickGo(index, link.url)">
@@ -29,14 +29,22 @@ export default {
props: ["drawer"], props: ["drawer"],
data() { data() {
return { return {
drawer_sidebar:false,
links: [ links: [
{name: "지난 주문", url: "/prev-order", icon: "mdi-clipboard-check-outline"}, {name: "지난 주문", url: "/prev-order", icon: "mdi-clipboard-check-outline"},
{name: "카테고리", url: "/category", icon: "mdi-shape-outline"}, {name: "카테고리", url: "/category", icon: "mdi-shape-outline"},
{name: "주문", url: "/order", icon: "mdi-order-numeric-ascending"}, {name: "주문", url: "/order", icon: "mdi-order-numeric-ascending"},
{name: "메뉴 관리", url: "/menu", icon: "mdi-cog-outline"}, {name: "메뉴 관리", url: "/menu", icon: "mdi-cog-outline"},
{name: "알림", url: "/notification", icon: "mdi-bell-outline"},
], ],
}; };
}, },
watch:{
drawer (){
this.drawer_sidebar= !this.drawer_sidebar
},
},
methods: { methods: {
clickGo: function (index, url) { clickGo: function (index, url) {
this.value = index; this.value = index;