Dynamic labels for Menu components

[Rakasch]

Would be nice, if the 'label' and 'icon' would also support a function or component variable - instead of a string.
My current solution for a dynamic text is to change the text before opening the menu.

[cagataycivici]

Thanks, will keep this to wait for more user requests to proceed.

[mllull]

Hi @Rakasch,

Finally I solved the issue using this code:

const userItems = ref([
      {
        label: "",
        disabled: true
      },
      {
        label: "Close session",
        icon: "fas fa-sign-out-alt",
        command: () => keycloak.logoutFn()
      }
    ]);


onMounted(() => {
    ...
    userItems.value[0].label = me.value.username;
    ...
});

I'm using Vue3, maybe you can adapt this code to Vue2.

[cagataycivici]

Thanks for sharing the solution.

[Rakasch]

well, it's the same "solution" I used, isn't it?