[Vuejs]-Add dynamically components in vue.js not working

by

0👍

✅

You need to parse the interpreted component name to :is="" component, defining them the following way should work:

import GroupsGrid from './../../components/groups'
import RolesGrid from './../../components/roles'
import MainTabs from './../../components/main-tabs.vue' // <-- this component will be render other components

    data: {
        tabs: {
            'GroupsGrid': 'groups-grid',
            'RolesGrid': 'roles-grid'
        }
    },

And still used like this

<component :is="tabs.GroupsGrid"></component>

Leave a comment