Vue Quasar модал положить в компоненте в сообщении - PullRequest
Новая
       19

Vue Quasar модал положить в компоненте в сообщении

1 голос
/ 23 мая 2019

У меня есть q-btn.Когда я нажму на него, появится модальное окно.

<q-btn 
    @click="handler(userA)" 
    round color="primary" 
    icon="perm_identity"/>

Этот обработчик ниже находится в моем объекте возврата данных. 

handler: (userA) => {
            console.log(`handler: ${userA}`)
            this.$q.dialog({
              title: 'Alert',
              message: '{{<buyer-info></buyer-info>}}'
            }).catch(() => {})
          }

В настоящее время отображается точно {{<buyer-info></buyer-info>}}. Я зарегистрировал 

components: { 'buyer-info': BuyerInfo },

Мой компонент BuyerInfo имеет <template><h1>hi</hi></template>, но он не обрабатывается.

Как я могу получить это для модального сообщения?

1 Ответ

0 голосов
/ 23 мая 2019

Этого можно добиться с помощью пользовательского диалога. 

<q-dialog
        v-model="customDialogModel"
        stack-buttons
        prevent-close
        @ok="onOk"
        @cancel="onCancel"
      >
        <span slot="title">Alert</span>
        <span slot="message"><buyer-info></buyer-info></span>
      </q-dialog>


methods: {
    onOk(){
      alert("hi")
    },
    onCancel(){
        alert("cancle")
    },
    handler(){
        this.customDialogModel=true
    }
  },
...