fix: 处理表单双向绑定失效问题

This commit is contained in:
ZhuRui
2026-08-06 11:04:20 +08:00
parent eb5299735a
commit 92a6a06bbc
8 changed files with 138 additions and 10 deletions
@@ -481,7 +481,15 @@ export default defineComponent({
>
{/* ===== Banner 标题 ===== */}
<Form.Item label="Banner标题" name="title" rules={titleRules}>
<Input placeholder="请输入标题" maxlength={TITLE_MAX} allowClear />
<Input
value={formData.title}
onUpdate:value={(val: any) => {
formData.title = val;
}}
placeholder="请输入标题"
maxlength={TITLE_MAX}
allowClear
/>
</Form.Item>
{/* ===== 上传图片(必填,带裁剪) ===== */}
@@ -537,13 +545,24 @@ export default defineComponent({
{/* ===== 跳转类型 ===== */}
<Form.Item label="跳转类型" name="type" rules={typeRules}>
<Select options={JUMP_TYPE_OPTIONS as any} placeholder="请选择" />
<Select
value={formData.type}
onUpdate:value={(val: any) => {
formData.type = val;
}}
options={JUMP_TYPE_OPTIONS as any}
placeholder="请选择"
/>
</Form.Item>
{/* ===== 联动字段:赛事详情页 → 模糊搜索关联赛事 ===== */}
{formData.type === '1' && (
<Form.Item label="关联赛事" name="relatedEventId">
<Select
value={formData.relatedEventId}
onUpdate:value={(val: any) => {
formData.relatedEventId = val;
}}
showSearch
filterOption={false}
allowClear={!eventSearchLoading.value}
@@ -563,14 +582,30 @@ export default defineComponent({
{/* ===== 联动字段:自定义链接 ===== */}
{formData.type === '2' && (
<Form.Item label="跳转地址" name="linkUrl" rules={linkUrlRules}>
<Input placeholder="https://xxx" maxlength={URL_MAX} allowClear />
<Input
value={formData.linkUrl}
onUpdate:value={(val: any) => {
formData.linkUrl = val;
}}
placeholder="https://xxx"
maxlength={URL_MAX}
allowClear
/>
</Form.Item>
)}
{/* ===== 联动字段:小程序页面 ===== */}
{formData.type === '3' && (
<Form.Item label="小程序路径" name="linkUrl" rules={miniProgramPathRules}>
<Input placeholder="/pages/index/index" maxlength={PATH_MAX} allowClear />
<Input
value={formData.linkUrl}
onUpdate:value={(val: any) => {
formData.linkUrl = val;
}}
placeholder="/pages/index/index"
maxlength={PATH_MAX}
allowClear
/>
</Form.Item>
)}
@@ -649,6 +684,10 @@ export default defineComponent({
{/* ===== 排序 ===== */}
<Form.Item label="排序" name="sort" rules={sortRules}>
<InputNumber
value={formData.sort}
onUpdate:value={(val: any) => {
formData.sort = val;
}}
placeholder="数字越小越靠前"
min={1}
max={999}