diff --git a/src/components/menu/Menuitem.vue b/src/components/menu/Menuitem.vue
index 9aba92906..24ca55004 100644
--- a/src/components/menu/Menuitem.vue
+++ b/src/components/menu/Menuitem.vue
@@ -1,6 +1,6 @@
 <template>
-<li class="p-menuitem" role="menuitem">
-    <a :href="item.url||'#'" class="p-menuitem-link" @click="onClick">
+<li :class="containerClass" role="menuitem" :style="item.style">
+    <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-text">{{item.label}}</span>
     </a>
@@ -20,6 +20,14 @@ export default {
             });
             event.preventDefault();
         }
+    },
+    computed: {
+        containerClass() {
+            return [
+                'p-menitem',
+                this.item.class
+            ]
+        }
     }
 }
 </script>
\ No newline at end of file
diff --git a/src/components/splitbutton/SplitButton.vue b/src/components/splitbutton/SplitButton.vue
index 461433e6e..15e2e3dd9 100644
--- a/src/components/splitbutton/SplitButton.vue
+++ b/src/components/splitbutton/SplitButton.vue
@@ -5,7 +5,7 @@
         <transition name="p-input-overlay" @enter="onOverlayEnter" @leave="onOverlayLeave">
             <div ref="overlay" class="p-menu p-menu-dynamic p-component" v-if="overlayVisible">
                 <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)">
                             <span :class="['p-menuitem-icon', item.icon]"></span>
                             <span class="p-menuitem-text">{{item.label}}</span>