Нужна помощь по динамической компоновке / компонентам c на основе сохраненной темы конфигурации - PullRequest
Новая
       5

Нужна помощь по динамической компоновке / компонентам c на основе сохраненной темы конфигурации

0 голосов
/ 16 апреля 2020

Я занимаюсь разработкой платформы электронной коммерции для saas (Программное обеспечение как услуга), я предоставляю 10 шаблонов. Я использую vue для внешнего интерфейса. Я хочу создать один исходный код для всех продавцов, у каждого продавца есть 1 поддомен. каждый поддомен может быть разным шаблоном. В базе данных я сохранил конфигурацию следующим образом. 

ID | merchant_name | subdomain | template_name
1  | Company A     | a         | fruits 
2  | Company B     | b         | fashion 
3  | Company C     | c         | education 
4  | Company D     | d         | automotive 
5  | Company E     | e         | fashion 
6  | Company F     | f         | jewerly

Я хочу загрузить шаблон в зависимости от субдомена 

if open from a.mydomain.com will load web with fruits template
if open from b.mydomain.com will load web with fashion template
....
...
if open from f.mydomain.com will load web with jewerly template

как я должен сделать на стороне vue?

я пытался использовать <component v-bind:is="getTheme" />, но мне нужно, чтобы компоненты были импортированы и сначала названы в моей точке приложения. vue сценарий похож на 

import FashionTheme from './components/Fashion'
import FruitTheme from './components/Fruit'
....

components: {
    'fashion-theme': FashionTheme,
    'fruit-theme': FruitTheme
},

getTheme - это вычисляемая функция, возвращающая динамику c название темы, которое может вернуть 'fashion-theme' или любое другое название темы, спасибо

...