修复:后台编辑用户弹窗改为直接传 Alpine $data,避免 querySelector 找到错误的 x-data 元素导致网络异常

This commit is contained in:
2026-02-27 16:41:57 +08:00
parent e7440e5e84
commit 39d03d30a8

View File

@@ -168,7 +168,7 @@
class="mb-4 px-4 py-2 border-l-4 rounded text-sm font-bold" x-text="editToastMsg">
</div>
<form @submit.prevent="submitEditUser($el)" method="POST">
<form @submit.prevent="submitEditUser($el, $data)" method="POST">
@csrf @method('PUT')
<div class="grid grid-cols-2 gap-4">
@@ -284,12 +284,10 @@
/**
* 用户编辑弹窗 AJAX 提交
* 避免传统表单导致 302 重定向,改为 fetch 就地显示结果
* @param {HTMLFormElement} form Alpine $el表单元素
* @param {object} data Alpine $data组件数据直接传入避免 querySelector 查找失败)
*/
async function submitEditUser(form) {
// 由 x-data 上层访问 Alpine 状态
const el = document.querySelector('[x-data]');
const data = Alpine.$data(el);
async function submitEditUser(form, data) {
data.editSaving = true;
data.editToast = false;