Vue.js，如何从组件填充SweetAlert2 html表单数据

import Swal from 'sweetalert2'
import 'sweetalert2/dist/sweetalert2.min.css'

methods: {
  fillFormData() {
    Swal.fire({
      title: '填充表单数据',
      html: `
        <input id="name" class="swal2-input" placeholder="姓名">
        <input id="email" class="swal2-input" placeholder="邮箱">
      `,
      showCancelButton: true,
      confirmButtonText: '提交',
      preConfirm: () => {
        const name = Swal.getPopup().querySelector('#name').value
        const email = Swal.getPopup().querySelector('#email').value
        // 在这里可以将填充的数据存储到Vue.js组件的data中，或者进行其他操作
        return { name: name, email: email }
      }
    }).then((result) => {
      if (result.isConfirmed) {
        // 确认提交后的操作
        console.log(result.value)
      }
    })
  }
}

<template>
  <div>
    <button @click="fillFormData">填充表单数据</button>
  </div>
</template>