ptut-vhost/webpack/vue/menu.vue

28 lines
489 B
Vue
Raw Normal View History

<template>
<div id='MENU'>
<div v-for='(item, index) in gstore.menu_item' class='side-menu'>
<div :class="(index == gstore.menu_item_active) ? 'side-menu-item active' : 'side-menu-item'" @click='navigate(index)' :data-icon='item.icon'>
<span>{{ item.label }}</span>
</div>
</div>
</div>
</template>
<script>
export default {
name: 'MENU',
data(){ return { gstore: gstore.get }; },
methods: {
navigate(uri){
document.location = '/'+uri+'/';
}
}
}
</script>