Implement missing properties

pull/12/head
cagataycivici 2019-05-27 12:22:01 +03:00
parent 9acdd20fc2
commit dddb98f545
2 changed files with 11 additions and 3 deletions

View File

@ -1,6 +1,6 @@
<template> <template>
<li class="p-menuitem" role="menuitem"> <li :class="containerClass" role="menuitem" :style="item.style">
<a :href="item.url||'#'" class="p-menuitem-link" @click="onClick"> <a :href="item.url||'#'" class="p-menuitem-link" @click="onClick" :target="item.target">
<span :class="['p-menuitem-icon', item.icon]"></span> <span :class="['p-menuitem-icon', item.icon]"></span>
<span class="p-menuitem-text">{{item.label}}</span> <span class="p-menuitem-text">{{item.label}}</span>
</a> </a>
@ -20,6 +20,14 @@ export default {
}); });
event.preventDefault(); event.preventDefault();
} }
},
computed: {
containerClass() {
return [
'p-menitem',
this.item.class
]
}
} }
} }
</script> </script>

View File

@ -5,7 +5,7 @@
<transition name="p-input-overlay" @enter="onOverlayEnter" @leave="onOverlayLeave"> <transition name="p-input-overlay" @enter="onOverlayEnter" @leave="onOverlayLeave">
<div ref="overlay" class="p-menu p-menu-dynamic p-component" v-if="overlayVisible"> <div ref="overlay" class="p-menu p-menu-dynamic p-component" v-if="overlayVisible">
<ul class="p-menu-list p-reset"> <ul class="p-menu-list p-reset">
<li class="p-menuitem" role="menuitem" v-for="item of model" :key="item.label"> <li role="menuitem" v-for="item of model" :key="item.label" :target="item.target" :style="item.style" :class="['p-menuitem', item.class]">
<a :href="item.url||'#'" class="p-menuitem-link" @click="itemClick($event, item)"> <a :href="item.url||'#'" class="p-menuitem-link" @click="itemClick($event, item)">
<span :class="['p-menuitem-icon', item.icon]"></span> <span :class="['p-menuitem-icon', item.icon]"></span>
<span class="p-menuitem-text">{{item.label}}</span> <span class="p-menuitem-text">{{item.label}}</span>