diff --git a/src/components/contextmenu/ContextMenuSub.vue b/src/components/contextmenu/ContextMenuSub.vue
index 7fe17c9609..5e264faa78 100755
--- a/src/components/contextmenu/ContextMenuSub.vue
+++ b/src/components/contextmenu/ContextMenuSub.vue
@@ -49,7 +49,7 @@ export default {
             default: false
         },
         template: {
-            type: Object,
+            type: Function,
             default: null
         },
         exact: {
diff --git a/src/views/contextmenu/ContextMenuDemo.vue b/src/views/contextmenu/ContextMenuDemo.vue
index 56cef22850..60ecf8f238 100755
--- a/src/views/contextmenu/ContextMenuDemo.vue
+++ b/src/views/contextmenu/ContextMenuDemo.vue
@@ -11,7 +11,12 @@
         <div class="content-section implementation">
             <div class="card">
                 <img alt="logo" src="demo/images/nature/nature3.jpg" @contextmenu="onImageRightClick" aria-haspopup="true">
-                <ContextMenu ref="menu" :model="items" />
+                <!-- <ContextMenu ref="menu" :model="items" /> -->
+                <ContextMenu ref="menu" :model="items">
+    <template #item="{item}">
+        <a :href="item.url">{{item.label}}</a>
+    </template>
+</ContextMenu>
             </div>
         </div>