Import file dynamically in vue js

Question

Below code which works for me

Click to copy

var Index = require('./theme/dir1/index.vue');

But I want to use It like this,

Click to copy

var path = './theme/'+variable+'/index.vue';
var Index = require(path);

Which is not working for me, is there any way to make that fix.,

Answer 1

Try this, it should work:

Click to copy

var Index = require(`./theme/${variable}/index.vue`);