如何将SweetAlert textarea值传递给axios请求

问题描述

我正在尝试使用SweetAlert构建基本的弹出表单步进器,该步进器允许用户提供报告名称,描述和注释,然后将其发送到服务器以将值保存在存储中。

我遇到的问题是mirror@H_404_4@选项不会返回值,仅返回textarea@H_404_4@,所以我无法将值传递给后端。

这是我到目前为止所拥有的:

true@H_404_4@

如何在此处获取textarea的值?

解决方法

sweetalert1中,您可以使用以下方法手动获取文本区域的值:

value = document.querySelector(".swal-content__textarea").value

完整代码:

swal({
  text: "Enter some text :",content: { element: "textarea" },buttons: "Next"
}).then((value) => {
  if (!value) throw null;
  value = document.querySelector(".swal-content__textarea").value;
  alert("you entered: " + value);
});

Run it on codepen

如果可能,您也可以使用sweetalert2