Невозможно использовать VuePhoneNumberInput внутри содержимого SweetAlert2 - PullRequest
Новая
       42

Невозможно использовать VuePhoneNumberInput внутри содержимого SweetAlert2

0 голосов
/ 25 мая 2020

Вот моя проблема. Я использую SweetAlert2 для связывания некоторых модальных окон, как показано в примерах. Дело в том, что он работает отлично, за исключением того, что он не отображает этот vue компонент. Я искал решение, но не смог ничего найти. Любая помощь будет очень оценена. Вот код: 

Swal
        .mixin({
          confirmButtonText: "Next →",
          showCancelButton: true,
          progressSteps: ["1", "2"]
        })
        .queue([
          {
            title: "Input your phone number",
            html: `<VuePhoneNumberInput
              style="margin-bottom: 20px"
              :only-countries="phoneNumberDialog.inUseCountries"
              v-model="phoneNumberDialog.phone"
              default-country-code="US"
              @update="onUpdate"
              :error="!phoneNumberDialog.isValidPhone"
              :no-example="true"
            />`
          },
          "Input the PIN received"
        ])
        .then(result => {
          if (result.value) {
            const answers = JSON.stringify(result.value);
            Swal.fire({
              title: "All done!",
              html: `
        Your answers:
        <pre><code>${answers}
`, confirmButtonText:" Прекрасно! " }); }});

Заранее спасибо

...