Vue, template in mixin?

Коллеги, добрый день.
Можно ли подмешать шаблон?

Идея следующая.

progress_dialogs.js
export const progress_dialogs = {

  data() {
    return {
      progress_dialog_message: "",
      progress_dialog_visible: false,
    }
  },

  methods: {
    showProgressDialog(message) {
      this.progress_dialog_message = message
      this.progress_dialog_visible = true
    },

    hideProgressDialog() {
      this.progress_dialog_message = ""
      this.progress_dialog_visible = false
    },
  }
}


template
...
     // в некоторых шаблонах мне приходится дублировать вот это
    <progress-dialog
      :message="progress_dialog_message"
      :visible="progress_dialog_visible"
    />
  ...
  import {progress_dialogs} from "../../mixins/progress_dialogs"


Можно ли обойтись без проброса этого шаблона, например как нибудь так

Не рабочий вариант!
progress_dialogs.js
export const progress_dialogs = {

  template: `
    <progress-dialog
      :message="progress_dialog_message"
      :visible="progress_dialog_visible"
    />
  `
...
}


Я просто импортирую миксин и в шаблон подмешивается нужный темлейт
  • Вопрос задан
  • 502 просмотра
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы