474 lines
165 KiB
Plaintext
474 lines
165 KiB
Plaintext
import{l as f}from"./index.4ab9ecd9.js";import{Y as h,f as F,r as d,o as L,j as Q,h as t,g as o,B as s,v as a,a7 as M,i as n}from"./.pnpm.8fb36023.js";const W={class:"markdown-body"},X=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-form")]),a(),n("span",{class:"token attr-name"},":model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("model"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-form-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u8D26\u6237"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"prop"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("username"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-input")]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("model.username"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-input")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-form-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-form-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u5BC6\u7801"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"prop"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("password"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-input")]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("model.password"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("password"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-input")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-form-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-form-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u7231\u597D"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"prop"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("hobby"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-select")]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("model.hobby"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-select-option")]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("1"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u5B66\u4E60"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-select-option")]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("2"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u7F16\u7801"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-select-option")]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("3"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u8FD0\u52A8"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-select")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-form-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-form-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u7279\u957F"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"prop"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("specialty"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-radio")]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("model.specialty"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"name"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("specialty"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("\u5199\u4F5C"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-radio")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-radio")]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("model.specialty"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"name"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("specialty"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("\u753B\u753B"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-radio")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-radio")]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("model.specialty"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"name"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("specialty"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("3"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("\u7F16\u7801"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-radio")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-form-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-form-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u63CF\u8FF0"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"prop"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("desc"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-textarea")]),a(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u8BF7\u8F93\u5165\u63CF\u8FF0"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("model.desc"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-textarea")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-form-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-form-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u65F6\u95F4"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"prop"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("datetime"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"required"),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-date-picker")]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("model.datetime"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"range"),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("datetime"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-date-picker")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-form-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-form-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-button")]),a(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("submitClick"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("\u63D0\u4EA4"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-button")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-form-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-form")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
|
|
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" ref"),n("span",{class:"token punctuation"},","),a(" reactive "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),a(`
|
|
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a("layer"),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'@layui/layer-vue'"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),a(" model "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"reactive"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},'"admin"'),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},'"123456"'),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"specialty"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},'"1"'),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"submitClick"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"{"),a(`
|
|
layer`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"open"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token literal-property property"},"type"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u8868\u5355\u7ED3\u679C"'),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},'<div style="padding: 10px">'),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),n("span",{class:"token constant"},"JSON"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"stringify"),n("span",{class:"token punctuation"},"("),a("model"),n("span",{class:"token punctuation"},")"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"},"</div>"),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"shade"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"isHtmlFragment"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"btn"),a(),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'\u786E\u8BA4'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token function"},"callback"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"index"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(" layer"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"close"),n("span",{class:"token punctuation"},"("),a("index"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"area"),a(),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'500px'"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
model`),n("span",{class:"token punctuation"},","),a(`
|
|
submitClick
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`)])],-1),Z=n("p",null,"\u901A\u8FC7\u8BBE\u7F6E label-position \u5C5E\u6027\u53EF\u4EE5\u6539\u53D8\u8868\u5355\u57DF\u6807\u7B7E\u7684\u4F4D\u7F6E\uFF0C\u53EF\u9009\u503C\u4E3A top\u3001left\uFF0C \u5F53\u8BBE\u4E3A top \u65F6\u6807\u7B7E\u4F1A\u7F6E\u4E8E\u8868\u5355\u57DF\u7684\u9876\u90E8",-1),nn=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-form")]),a(),n("span",{class:"token attr-name"},":model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("model"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-form-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u8D26\u6237"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":label-position"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("labelPosition"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"prop"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("username"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-input")]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("model.username"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-input")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-form-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-form-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u5BC6\u7801"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":label-position"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("labelPosition"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"prop"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("password"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-input")]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("model.password"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("password"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-input")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-form-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-form-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u7231\u597D"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":label-position"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("labelPosition"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"prop"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("hobby"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-select")]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("model.hobby"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-select-option")]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("1"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u5B66\u4E60"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-select-option")]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("2"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u7F16\u7801"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-select-option")]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("3"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u8FD0\u52A8"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-select")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-form-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-form-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u7279\u957F"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":label-position"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("labelPosition"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"prop"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("specialty"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-radio")]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("labelPosition"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"name"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("labelPosition"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("left"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("\u5DE6"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-radio")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-radio")]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("labelPosition"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"name"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("labelPosition"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("top"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("\u4E0A"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-radio")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-radio")]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("labelPosition"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"name"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("labelPosition"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("right"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("\u53F3"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-radio")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-form-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-form-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u63CF\u8FF0"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":label-position"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("labelPosition"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"prop"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("desc"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-textarea")]),a(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u8BF7\u8F93\u5165\u63CF\u8FF0"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("model.desc"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-textarea")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-form-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-form-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-button")]),a(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("submitClick"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("\u63D0\u4EA4"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-button")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-form-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-form")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
|
|
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" ref"),n("span",{class:"token punctuation"},","),a(" reactive "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),a(`
|
|
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a("layer"),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'@layui/layer-vue'"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),a(" model "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"reactive"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},'"admin"'),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},'"123456"'),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"specialty"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},'"1"'),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),a(" labelPosition "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'right'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"submitClick"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"{"),a(`
|
|
layer`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"open"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token literal-property property"},"type"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u8868\u5355\u7ED3\u679C"'),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},'<div style="padding: 10px">'),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),n("span",{class:"token constant"},"JSON"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"stringify"),n("span",{class:"token punctuation"},"("),a("model"),n("span",{class:"token punctuation"},")"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"},"</div>"),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"shade"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"isHtmlFragment"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"btn"),a(),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'\u786E\u8BA4'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token function"},"callback"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"index"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(" layer"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"close"),n("span",{class:"token punctuation"},"("),a("index"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"area"),a(),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'500px'"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
model`),n("span",{class:"token punctuation"},","),a(`
|
|
submitClick`),n("span",{class:"token punctuation"},","),a(`
|
|
labelPosition
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`)])],-1),an=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-form")]),a(),n("span",{class:"token attr-name"},":model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("validateModel"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"ref"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("layFormRef"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"required"),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-form-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u8D26\u6237"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"prop"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("username"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-input")]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("validateModel.username"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-input")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-form-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-form-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u5BC6\u7801"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"prop"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("password"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-input")]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("validateModel.password"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("password"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(">"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-input")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-form-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-form-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u7231\u597D"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"prop"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("hobby"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-select")]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("validateModel.hobbys"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-select-option")]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("1"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u5B66\u4E60"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-select-option")]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("2"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u7F16\u7801"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-select-option")]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("3"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u8FD0\u52A8"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-select-option")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-select")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-form-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-form-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u7279\u957F"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"prop"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("specialty"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-radio")]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("validateModel.specialty"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"name"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("specialty"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("\u5199\u4F5C"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-radio")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-radio")]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("validateModel.specialty"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"name"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("specialty"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("\u753B\u753B"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-radio")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-radio")]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("validateModel.specialty"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"name"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("specialty"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"value"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("3"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("\u7F16\u7801"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-radio")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-form-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-form-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u63CF\u8FF0"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"prop"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("desc"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-textarea")]),a(),n("span",{class:"token attr-name"},"placeholder"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u8BF7\u8F93\u5165\u63CF\u8FF0"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("validateModel.desc"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-textarea")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-form-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-form-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u6587\u4EF6"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"prop"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("file"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-upload")]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("validateModel.file"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":cut"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("true"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"acceptMime"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("images"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":auto"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("false"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},"/>")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-form-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-form-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-button")]),a(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("validate"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("\u63D0\u4EA4"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-button")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-button")]),a(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("clearValidate"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("\u6E05\u9664\u6821\u9A8C"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-button")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-button")]),a(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("reset"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("\u91CD\u7F6E\u8868\u5355"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-button")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-form-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-form")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
|
|
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" ref"),n("span",{class:"token punctuation"},","),a(" reactive "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),a(`
|
|
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a("layer"),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'@layui/layer-vue'"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),a(" validateModel "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"reactive"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},'""'),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},'""'),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"specialty"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},'"1"'),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"hobbys"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},'""'),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"file"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token keyword"},"null"),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),a(" layFormRef "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"null"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token comment"},"// \u6821\u9A8C"),a(`
|
|
`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"validate"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
layFormRef`),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"validate"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("isValidate"),n("span",{class:"token punctuation"},","),a(" model"),n("span",{class:"token punctuation"},","),a(" errors")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
layer`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"open"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token literal-property property"},"type"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u8868\u5355\u63D0\u4EA4\u7ED3\u679C"'),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},'<div style="padding: 10px"><p>\u662F\u5426\u901A\u8FC7 : '),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("isValidate"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"},"</p> <p>\u8868\u5355\u6570\u636E : "),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),n("span",{class:"token constant"},"JSON"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"stringify"),n("span",{class:"token punctuation"},"("),a("model"),n("span",{class:"token punctuation"},")"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"}," </p> <p>\u9519\u8BEF\u4FE1\u606F : "),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),n("span",{class:"token constant"},"JSON"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"stringify"),n("span",{class:"token punctuation"},"("),a("errors"),n("span",{class:"token punctuation"},")"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"},"</p></div>"),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"shade"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"isHtmlFragment"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"btn"),a(),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'\u786E\u8BA4'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token function"},"callback"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"index"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(" layer"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"close"),n("span",{class:"token punctuation"},"("),a("index"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"area"),a(),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'500px'"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
|
|
`),n("span",{class:"token comment"},"// \u6E05\u9664\u6821\u9A8C"),a(`
|
|
`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"clearValidate"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
layFormRef`),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"clearValidate"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
|
|
`),n("span",{class:"token comment"},"// \u91CD\u7F6E\u8868\u5355"),a(`
|
|
`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"reset"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
layFormRef`),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"reset"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
|
validateModel`),n("span",{class:"token punctuation"},"."),a("specialty "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token string"},'"1"'),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
validateModel`),n("span",{class:"token punctuation"},","),a(`
|
|
layFormRef`),n("span",{class:"token punctuation"},","),a(`
|
|
validate`),n("span",{class:"token punctuation"},","),a(`
|
|
clearValidate`),n("span",{class:"token punctuation"},","),a(`
|
|
reset
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`)])],-1),tn=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-form")]),a(),n("span",{class:"token attr-name"},":model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ruleDemo1"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"ref"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("layFormRef1"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":rules"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("rules"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"required"),a(),n("span",{class:"token attr-name"},"initValidate"),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-form-item")]),a(),n("span",{class:"token attr-name"},"prop"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("email"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"requiredMessage"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u4F60\u5F97\u8F93\u5165\u90AE\u7BB1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-input")]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ruleDemo1.email"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-input")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-form-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-form-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("url\u8DEF\u5F84"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"prop"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("url"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-input")]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ruleDemo1.url"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-input")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-form-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-form-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u65E5\u671F"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"prop"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("date"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-input")]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ruleDemo1.date"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-input")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-form-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-form-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u7528\u6237\u540D"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"prop"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("username"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-input")]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ruleDemo1.username"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-input")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-form-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-form-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u5E74\u9F84"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"prop"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("age"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-input")]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ruleDemo1.age"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-input")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-form-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-form-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-button")]),a(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("validate1"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("\u63D0\u4EA4"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-button")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-form-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-form")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
|
|
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" ref"),n("span",{class:"token punctuation"},","),a(" reactive "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),a(`
|
|
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a("layer"),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'@layui/layer-vue'"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),a(" ruleDemo1 "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"reactive"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token literal-property property"},"email"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},'""'),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"url"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},'""'),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"date"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},'""'),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},'""'),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token keyword"},"null"),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),a(" rules "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token literal-property property"},"email"),a(),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token literal-property property"},"type"),a(),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'email'"),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"url"),a(),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token literal-property property"},"type"),a(),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'url'"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"date"),a(),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token literal-property property"},"type"),a(),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'date'"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"username"),a(),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token literal-property property"},"type"),a(),n("span",{class:"token operator"},":"),a(" "),n("span",{class:"token string"},"'string'"),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"min"),a(),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"8"),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"max"),a(),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"16"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"age"),a(),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token function"},"validator"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("rule"),n("span",{class:"token punctuation"},","),a(" value"),n("span",{class:"token punctuation"},","),a(" callback"),n("span",{class:"token punctuation"},","),a(" source"),n("span",{class:"token punctuation"},","),a(" options")]),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token keyword"},"if"),a(),n("span",{class:"token punctuation"},"("),a("value "),n("span",{class:"token operator"},"<"),a(),n("span",{class:"token number"},"18"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token function"},"callback"),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"new"),a(),n("span",{class:"token class-name"},"Error"),n("span",{class:"token punctuation"},"("),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("rule"),n("span",{class:"token punctuation"},"."),a("field"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"},"\u592A\u8FC7\u4E8E\u5E74\u8F7B"),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"else"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),a(" layFormRef1 "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"null"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token comment"},"// \u6821\u9A8C"),a(`
|
|
`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"validate1"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
layFormRef1`),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"validate"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("isValidate"),n("span",{class:"token punctuation"},","),a(" model"),n("span",{class:"token punctuation"},","),a(" errors")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
layer`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"open"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token literal-property property"},"type"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u8868\u5355\u63D0\u4EA4\u7ED3\u679C"'),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},'<div style="padding: 10px"><p>\u662F\u5426\u901A\u8FC7 : '),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("isValidate"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"},"</p> <p>\u8868\u5355\u6570\u636E : "),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),n("span",{class:"token constant"},"JSON"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"stringify"),n("span",{class:"token punctuation"},"("),a("model"),n("span",{class:"token punctuation"},")"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"}," </p> <p>\u9519\u8BEF\u4FE1\u606F : "),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),n("span",{class:"token constant"},"JSON"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"stringify"),n("span",{class:"token punctuation"},"("),a("errors"),n("span",{class:"token punctuation"},")"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"},"</p></div>"),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"shade"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"isHtmlFragment"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"btn"),a(),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'\u786E\u8BA4'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token function"},"callback"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"index"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(" layer"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"close"),n("span",{class:"token punctuation"},"("),a("index"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"area"),a(),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'500px'"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
ruleDemo1`),n("span",{class:"token punctuation"},","),a(`
|
|
layFormRef1`),n("span",{class:"token punctuation"},","),a(`
|
|
validate1`),n("span",{class:"token punctuation"},","),a(`
|
|
rules
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`)])],-1),sn=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-form")]),a(),n("span",{class:"token attr-name"},":model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ruleDemo2"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"ref"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("layFormRef2"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"required"),a(),n("span",{class:"token attr-name"},"initValidate"),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-form-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u90AE\u7BB1"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"prop"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("email"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":rules"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{type : "),n("span",{class:"token punctuation"},"'"),a("email"),n("span",{class:"token punctuation"},"'"),a("}"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-input")]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ruleDemo2.email"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-input")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-form-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-form-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("url\u8DEF\u5F84"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"prop"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("url"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":rules"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{type : "),n("span",{class:"token punctuation"},"'"),a("url"),n("span",{class:"token punctuation"},"'"),a("}"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-input")]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ruleDemo2.url"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-input")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-form-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-form-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u65E5\u671F"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"prop"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("date"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":rules"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("{type : "),n("span",{class:"token punctuation"},"'"),a("date"),n("span",{class:"token punctuation"},"'"),a("}"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-input")]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ruleDemo2.date"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-input")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-form-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-form-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u7528\u6237\u540D"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"prop"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("username"),n("span",{class:"token punctuation"},'"')]),a(`
|
|
`),n("span",{class:"token attr-name"},":rules"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a(`{
|
|
type : `),n("span",{class:"token punctuation"},"'"),a("string"),n("span",{class:"token punctuation"},"'"),a(`,
|
|
min : 8,
|
|
max : 16
|
|
}`),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-input")]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ruleDemo2.username"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-input")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-form-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-form-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u5E74\u9F84"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"prop"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("age"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":rules"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ageRules"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-input")]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ruleDemo2.age"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-input")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-form-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-form-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u81EA\u5B9A\u4E49\u63D0\u793A"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"prop"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("myEmail"),n("span",{class:"token punctuation"},'"')]),a(`
|
|
`),n("span",{class:"token attr-name"},":rules"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a(`{
|
|
type : `),n("span",{class:"token punctuation"},"'"),a("email"),n("span",{class:"token punctuation"},"'"),a(`,
|
|
message : `),n("span",{class:"token punctuation"},"'"),a("\u5FC5\u987B\u4E3A\u90AE\u7BB1"),n("span",{class:"token punctuation"},"'"),a(`
|
|
}`),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-input")]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("ruleDemo2.myEmail"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-input")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-form-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-form-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-button")]),a(),n("span",{class:"token attr-name"},"@click"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("validate2"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("\u63D0\u4EA4"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-button")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-form-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-form")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
|
|
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" ref"),n("span",{class:"token punctuation"},","),a(" reactive "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),a(`
|
|
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a("layer"),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'@layui/layer-vue'"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),a(" ruleDemo2 "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"reactive"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token literal-property property"},"email"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},'""'),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"url"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},'""'),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"date"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},'""'),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},'""'),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"age"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token keyword"},"null"),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"myEmail"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},'""'),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),a(" ageRules "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token function"},"validator"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("rule"),n("span",{class:"token punctuation"},","),a(" value"),n("span",{class:"token punctuation"},","),a(" callback"),n("span",{class:"token punctuation"},","),a(" source"),n("span",{class:"token punctuation"},","),a(" options")]),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token keyword"},"if"),a(),n("span",{class:"token punctuation"},"("),a("value "),n("span",{class:"token operator"},"<"),a(),n("span",{class:"token number"},"18"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token function"},"callback"),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"new"),a(),n("span",{class:"token class-name"},"Error"),n("span",{class:"token punctuation"},"("),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("rule"),n("span",{class:"token punctuation"},"."),a("field"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"},"\u592A\u8FC7\u4E8E\u5E74\u8F7B"),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},";"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),a(" layFormRef2 "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"ref"),n("span",{class:"token punctuation"},"("),n("span",{class:"token keyword"},"null"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token comment"},"// \u6821\u9A8C"),a(`
|
|
`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"validate2"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
layFormRef2`),n("span",{class:"token punctuation"},"."),a("value"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"validate"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("isValidate"),n("span",{class:"token punctuation"},","),a(" model"),n("span",{class:"token punctuation"},","),a(" errors")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
layer`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"open"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token literal-property property"},"type"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u8868\u5355\u63D0\u4EA4\u7ED3\u679C"'),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},'<div style="padding: 10px"><p>\u662F\u5426\u901A\u8FC7 : '),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("isValidate"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"},"</p> <p>\u8868\u5355\u6570\u636E : "),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),n("span",{class:"token constant"},"JSON"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"stringify"),n("span",{class:"token punctuation"},"("),a("model"),n("span",{class:"token punctuation"},")"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"}," </p> <p>\u9519\u8BEF\u4FE1\u606F : "),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),n("span",{class:"token constant"},"JSON"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"stringify"),n("span",{class:"token punctuation"},"("),a("errors"),n("span",{class:"token punctuation"},")"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"},"</p></div>"),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"shade"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"isHtmlFragment"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"btn"),a(),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'\u786E\u8BA4'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token function"},"callback"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"index"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(" layer"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"close"),n("span",{class:"token punctuation"},"("),a("index"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"area"),a(),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'500px'"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
ruleDemo2`),n("span",{class:"token punctuation"},","),a(`
|
|
layFormRef2`),n("span",{class:"token punctuation"},","),a(`
|
|
validate2`),n("span",{class:"token punctuation"},","),a(`
|
|
ageRules
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`)])],-1),on=n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-form")]),a(),n("span",{class:"token attr-name"},"@submit"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("submit"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("submitModel"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"requiredIcons"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("layui-icon-heart-fill"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},":use-CN"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("false"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"required"),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-form-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u8D26\u6237"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"prop"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("username"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("template")]),a(),n("span",{class:"token attr-name"},"#label"),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("i")]),a(),n("span",{class:"token attr-name"},"class"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("layui-icon layui-icon-username"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("i")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
\u8D26\u6237
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-input")]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("submitModel.username"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-input")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-form-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-form-item")]),a(),n("span",{class:"token attr-name"},"label"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("\u5BC6\u7801"),n("span",{class:"token punctuation"},'"')]),a(),n("span",{class:"token attr-name"},"prop"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("password"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-input")]),a(),n("span",{class:"token attr-name"},"v-model"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("submitModel.password"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-input")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-form-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-form-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("lay-button")]),a(),n("span",{class:"token attr-name"},"native-type"),n("span",{class:"token attr-value"},[n("span",{class:"token punctuation attr-equals"},"="),n("span",{class:"token punctuation"},'"'),a("submit"),n("span",{class:"token punctuation"},'"')]),n("span",{class:"token punctuation"},">")]),a("\u63D0\u4EA4"),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-button")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-form-item")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("lay-form")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("template")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
|
|
`),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"<"),a("script")]),n("span",{class:"token punctuation"},">")]),n("span",{class:"token script"},[n("span",{class:"token language-javascript"},[a(`
|
|
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a(" ref"),n("span",{class:"token punctuation"},","),a(" reactive "),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'vue'"),a(`
|
|
`),n("span",{class:"token keyword"},"import"),a(),n("span",{class:"token punctuation"},"{"),a("layer"),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"from"),a(),n("span",{class:"token string"},"'@layui/layer-vue'"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"export"),a(),n("span",{class:"token keyword"},"default"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token function"},"setup"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),a(" submitModel "),n("span",{class:"token operator"},"="),a(),n("span",{class:"token function"},"reactive"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token literal-property property"},"username"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},'""'),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"password"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},'""'),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"const"),a(),n("span",{class:"token function-variable function"},"submit"),a(),n("span",{class:"token operator"},"="),a(),n("span",{class:"token keyword"},"function"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("isValidate"),n("span",{class:"token punctuation"},","),a(" model"),n("span",{class:"token punctuation"},","),a(" errors")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
layer`),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"open"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token literal-property property"},"type"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"1"),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"title"),n("span",{class:"token operator"},":"),n("span",{class:"token string"},'"\u8868\u5355\u63D0\u4EA4\u7ED3\u679C"'),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"content"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token template-string"},[n("span",{class:"token template-punctuation string"},"`"),n("span",{class:"token string"},'<div style="padding: 10px"><p>\u662F\u5426\u901A\u8FC7 : '),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),a("isValidate"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"},"</p> <p>\u8868\u5355\u6570\u636E : "),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),n("span",{class:"token constant"},"JSON"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"stringify"),n("span",{class:"token punctuation"},"("),a("model"),n("span",{class:"token punctuation"},")"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"}," </p> <p>\u9519\u8BEF\u4FE1\u606F : </br>"),n("span",{class:"token interpolation"},[n("span",{class:"token interpolation-punctuation punctuation"},"${"),n("span",{class:"token constant"},"JSON"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"stringify"),n("span",{class:"token punctuation"},"("),a("errors"),n("span",{class:"token punctuation"},")"),n("span",{class:"token interpolation-punctuation punctuation"},"}")]),n("span",{class:"token string"},"</p></div>"),n("span",{class:"token template-punctuation string"},"`")]),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"shade"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"false"),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"isHtmlFragment"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token boolean"},"true"),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"btn"),a(),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"["),n("span",{class:"token punctuation"},"{"),a(),n("span",{class:"token literal-property property"},"text"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'\u786E\u8BA4'"),n("span",{class:"token punctuation"},","),a(),n("span",{class:"token function"},"callback"),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},"index"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(" layer"),n("span",{class:"token punctuation"},"."),n("span",{class:"token function"},"close"),n("span",{class:"token punctuation"},"("),a("index"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},"]"),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"area"),a(),n("span",{class:"token operator"},":"),a(),n("span",{class:"token string"},"'500px'"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
|
|
`),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
submitModel
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`)])]),n("span",{class:"token tag"},[n("span",{class:"token tag"},[n("span",{class:"token punctuation"},"</"),a("script")]),n("span",{class:"token punctuation"},">")]),a(`
|
|
`)])],-1),en=n("i",{class:"layui-icon layui-icon-username"},null,-1),ln=n("table",null,[n("thead",null,[n("tr",null,[n("th",null,"\u5C5E\u6027"),n("th",null,"\u63CF\u8FF0"),n("th",null,"\u7C7B\u578B"),n("th",null,"\u53EF\u9009\u503C"),n("th",null,"\u9ED8\u8BA4\u503C")])]),n("tbody",null,[n("tr",null,[n("td",null,"v-model"),n("td",null,"\u8868\u5355\u7ED1\u5B9A\u503C"),n("td",null,[n("code",null,"object")]),n("td",null,"-"),n("td",null,"{}")]),n("tr",null,[n("td",null,"required"),n("td",null,"\u662F\u5426\u5FC5\u586B"),n("td",null,[n("code",null,"boolean")]),n("td",null,[n("code",null,"true"),a(),n("code",null,"false")]),n("td",null,[n("code",null,"false")])]),n("tr",null,[n("td",null,"rules"),n("td",null,[a("\u8868\u5355\u6821\u9A8C\u89C4\u5219; "),n("br"),a("\u53EF\u67E5\u770B"),n("a",{href:"https://github.com/yiminghe/async-validator"},"async-validator")]),n("td",null,[n("code",null,"object")]),n("td",null,"-"),n("td",null,"-")]),n("tr",null,[n("td",null,"initValidate"),n("td",null,"\u662F\u5426\u4E00\u5F00\u59CB\u5C31\u6821\u9A8C\u8868\u5355"),n("td",null,[n("code",null,"boolean")]),n("td",null,[n("code",null,"true"),a(),n("code",null,"false")]),n("td",null,[n("code",null,"false")])]),n("tr",null,[n("td",null,"useCN"),n("td",null,"\u662F\u5426\u4F7F\u7528\u4E2D\u6587\u9519\u8BEF\u63D0\u793A"),n("td",null,[n("code",null,"boolean")]),n("td",null,[n("code",null,"true"),a(),n("code",null,"false")]),n("td",null,[n("code",null,"false")])]),n("tr",null,[n("td",null,"requiredIcons"),n("td",null,[a("\u5FC5\u586B\u524D\u7F00\u56FE\u6807"),n("code",null,"class")]),n("td",null,[n("code",null,"string")]),n("td",null,"-"),n("td",null,[n("code",null,"*")])]),n("tr",null,[n("td",null,"required-erroer-message"),n("td",null,"\u5FC5\u586B\u9519\u8BEF\u63D0\u793A\u4FE1\u606F"),n("td",null,[n("code",null,"string")]),n("td",null,"-"),n("td",null,[n("code",null,"%s\u4E0D\u80FD\u4E3A\u7A7A")])]),n("tr",null,[n("td",null,"validate-message"),n("td",null,[a("\u81EA\u5B9A\u4E49\u6821\u9A8C\u9519\u8BEF\u63D0\u793A\u4FE1\u606F; "),n("br"),a("\u7531\u4E8E\u5185\u7F6E\u4E86\u4E2D\u6587\u9519\u8BEF\u63D0\u793A\uFF0C\u53EF\u6309\u9700\u6C42\u589E\u91CF\u589E\u52A0"),n("br"),a("\u53EF\u67E5\u770B "),n("a",{href:"https://github.com/yiminghe/async-validator/blob/master/src/messages.ts"},"async-validator \u5185\u7F6E\u9519\u8BEF\u63D0\u793A"),n("br"),a("\u4E5F\u53EF\u53C2\u8003 "),n("a",{href:"https://gitee.com/layui/layui-vue/blob/next/package/component/src/component/formItem/cnValidateMessage.ts"},"layui-vue \u5185\u7F6E\u4E2D\u6587\u9519\u8BEF\u63D0\u793A")]),n("td",null,[n("code",null,"string")]),n("td",null,"-"),n("td",null,[n("code",null,"%s\u4E0D\u80FD\u4E3A\u7A7A")])])])],-1),pn=n("table",null,[n("thead",null,[n("tr",null,[n("th",null,"\u5C5E\u6027"),n("th",null,"\u63CF\u8FF0"),n("th",null,"\u56DE\u8C03\u53C2\u6570")])]),n("tbody",null,[n("tr",null,[n("td",null,"submit"),n("td",null,[a("\u63D0\u4EA4\u4E8B\u4EF6"),n("code",null,"(\u4E0D\u63A8\u8350\u4F7F\u7528)")]),n("td",null,[a("("),n("code",null,"isValidate"),a(", "),n("code",null,"model"),a(", "),n("code",null,"errors"),a(")"),n("br"),n("br"),a(),n("code",null,"isValidate"),a(": ("),n("code",null,"boolean"),a(")\u662F\u5426\u6821\u9A8C\u901A\u8FC7"),n("br"),n("br"),a(),n("code",null,"model"),a(": ("),n("code",null,"object"),a(")\u8868\u5355\u7ED1\u5B9A\u7684\u503C"),n("br"),n("br"),a(),n("code",null,"errors"),a(": ("),n("code",null,"Array"),a(")\u6821\u9A8C\u7ED3\u679C\u7684\u9519\u8BEF\u4FE1\u606F")])])])],-1),cn=n("table",null,[n("thead",null,[n("tr",null,[n("th",null,"\u5C5E\u6027"),n("th",null,"\u63CF\u8FF0"),n("th",null,"\u5165\u53C2")])]),n("tbody",null,[n("tr",null,[n("td",null,"validate"),n("td",null,[a("\u8868\u5355\u6821\u9A8C; "),n("br"),a("\u5982\u679C\u6CA1\u6709"),n("code",null,"callback"),a("\u56DE\u8C03\uFF0C\u4F1A\u8FD4\u56DE"),n("code",null,"Promise"),a(", "),n("br"),a(),n("code",null,"Promise"),a("\u53C2\u6570\u4E3A{"),n("code",null,"isValidate"),a(", "),n("code",null,"model"),a(", "),n("code",null,"errors"),a("}"),n("br"),a(" \u53C2\u6570\u5177\u4F53\u63CF\u8FF0\u8BF7\u770B\u4E0A\u9762\u8868\u5355"),n("code",null,"submit"),a("\u63D0\u4EA4\u4E8B\u4EF6")]),n("td",null,[a("("),n("code",null,"fields"),a(),n("code",null,"[\u53EF\u9009]"),a(", "),n("code",null,"callback"),a(),n("code",null,"[\u53EF\u9009]"),a(")"),n("br"),n("br"),a(),n("code",null,"fields"),a(": ("),n("code",null,"string"),a(" / "),n("code",null,"string[]"),a(" / "),n("code",null,"function"),a(")"),n("br"),a("\u5355\u72EC\u6821\u9A8C\u7684\u5B57\u6BB5\uFF0C"),n("br"),a("\u8BE5\u5B57\u6BB5\u5982\u679C\u4E3A"),n("code",null,"function"),a(", "),n("br"),a("\u5219\u8BA4\u4E3A"),n("code",null,"callback"),a("\u5165\u53C2\uFF0C\u6821\u9A8C\u5168\u90E8\u5B57\u6BB5;"),n("br"),n("br"),a(),n("code",null,"callback"),a(": ("),n("code",null,"function"),a(")\u6821\u9A8C\u4E4B\u540E\u7684\u56DE\u8C03\uFF0C"),n("br"),a("\u56DE\u8C03\u53C2\u6570\u4E3A("),n("code",null,"isValidate"),a(", "),n("code",null,"model"),a(", "),n("code",null,"errors"),a(")\uFF1B"),n("br"),a("\u53C2\u6570\u5177\u4F53\u63CF\u8FF0\u8BF7\u770B\u4E0A\u9762\u8868\u5355"),n("code",null,"submit"),a("\u63D0\u4EA4\u4E8B\u4EF6")])]),n("tr",null,[n("td",null,"clearValidate"),n("td",null,"\u6E05\u9664\u8868\u5355\u6821\u9A8C"),n("td",null,[a("("),n("code",null,"fields"),a("[\u53EF\u9009])"),n("br"),n("br"),a(),n("code",null,"fields"),a(": ("),n("code",null,"string"),a(" / "),n("code",null,"string[]"),a(")"),n("br"),a("\u9700\u8981\u8FDB\u884C\u6E05\u9664\u6821\u9A8C\u7684\u8868\u5355\u5B57\u6BB5, \u5982\u679C\u8BE5\u5B57\u6BB5\u4E3A\u7A7A\u5219\u6E05\u9664\u5168\u90E8\u6821\u9A8C")])]),n("tr",null,[n("td",null,"reset"),n("td",null,"\u91CD\u7F6E\u8868\u5355\u6240\u6709\u503C"),n("td",null,"-")])])],-1),un=n("table",null,[n("thead",null,[n("tr",null,[n("th",null,"\u5C5E\u6027"),n("th",null,"\u63CF\u8FF0"),n("th",null,"\u7C7B\u578B"),n("th",null,"\u53EF\u9009\u503C"),n("th",null,"\u9ED8\u8BA4\u503C")])]),n("tbody",null,[n("tr",null,[n("td",null,"prop"),n("td",null,[a("\u5728\u8868\u5355\u7ED1\u5B9A\u503C("),n("code",null,"model"),a(")\u4E2D\u5B57\u6BB5"),n("code",null,"key")]),n("td",null,[n("code",null,"string")]),n("td",null,"-"),n("td",null,"-")]),n("tr",null,[n("td",null,"label"),n("td",null,[a("\u5B50\u9879\u524D\u8FB9\u63CF\u8FF0\u503C\uFF0C"),n("strong",null,"\u5C3D\u91CF\u586B\u5199"),a("\uFF0C\u4E2D\u6587\u6821\u9A8C\u9519\u8BEF\u9700\u8981\u7528\u5230")]),n("td",null,[n("code",null,"string")]),n("td",null,"-"),n("td",null,"-")]),n("tr",null,[n("td",null,"label-position"),n("td",null,"\u5B50\u9879\u524D\u8FB9\u63CF\u8FF0\u503C\u7684\u4F4D\u7F6E"),n("td",null,[n("code",null,"string")]),n("td",null,[n("code",null,"left"),a(),n("code",null,"top"),a(),n("code",null,"right")]),n("td",null,[n("code",null,"right")])]),n("tr",null,[n("td",null,"label-width"),n("td",null,"\u5B50\u9879\u524D\u8FB9\u63CF\u8FF0\u503C\u7684\u5BBD\u5EA6"),n("td",null,[n("code",null,"string"),a(),n("code",null,"number")]),n("td",null,"-"),n("td",null,[n("code",null,"95")])]),n("tr",null,[n("td",null,"required"),n("td",null,"\u8868\u5355\u5FC5\u586B"),n("td",null,[n("code",null,"boolean")]),n("td",null,[n("code",null,"true"),a(),n("code",null,"false")]),n("td",null,[n("code",null,"false")])]),n("tr",null,[n("td",null,"required-error-message"),n("td",null,"\u8868\u5355\u5FC5\u586B\u6821\u9A8C\u5931\u8D25\u56FA\u5B9A\u63D0\u793A\u8BED"),n("td",null,[n("code",null,"string")]),n("td",null,"\u2013"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"rules"),n("td",null,[a("\u8868\u5355\u6821\u9A8C\u89C4\u5219; "),n("br"),a("\u53EF\u67E5\u770B"),n("a",{href:"https://github.com/yiminghe/async-validator"},"async-validator")]),n("td",null,[n("code",null,"object")]),n("td",null,"-"),n("td",null,"-")]),n("tr",null,[n("td",null,"error-message"),n("td",null,"\u8868\u5355\u6821\u9A8C\u5931\u8D25\u56FA\u5B9A\u63D0\u793A\u8BED"),n("td",null,[n("code",null,"string")]),n("td",null,"\u2013"),n("td",null,"\u2013")]),n("tr",null,[n("td",null,"mode"),n("td",null,[a("\u8868\u5355\u9879\u663E\u793A\u7684\u6A21\u5F0F\uFF0C"),n("code",null,"\u5757\u5143\u7D20"),a(" / "),n("code",null,"\u884C\u5143\u7D20")]),n("td",null,[n("code",null,"string")]),n("td",null,[n("code",null,"block"),a(),n("code",null,"inline")]),n("td",null,[n("code",null,"block")])])])],-1),kn=n("table",null,[n("thead",null,[n("tr",null,[n("th",null,"\u5C5E\u6027"),n("th",null,"\u63CF\u8FF0"),n("th",null,"\u5165\u53C2")])]),n("tbody",null,[n("tr",null,[n("td",null,"validate"),n("td",null,"\u8868\u5355\u6821\u9A8C;"),n("td",null,[a("("),n("code",null,"callback"),a(),n("code",null,"[\u53EF\u9009]"),a(")"),n("br"),n("br"),a(),n("code",null,"callback"),a(": ("),n("code",null,"function"),a(")\u6821\u9A8C\u4E4B\u540E\u7684\u56DE\u8C03\uFF0C"),n("br"),a("\u56DE\u8C03\u53C2\u6570\u4E3A("),n("code",null,"errors"),a(", "),n("code",null,"fields"),a(")\uFF1B"),n("br"),n("br"),a(),n("code",null,"errors"),a(": ("),n("code",null,"Array"),a(")\u6821\u9A8C\u7ED3\u679C\u7684\u9519\u8BEF\u4FE1\u606F\uFF1B"),n("br"),n("br"),a(),n("code",null,"fields"),a(": ("),n("code",null,"Array"),a(")\u5F53\u524D\u6821\u9A8C\u7684\u5B57\u6BB5\u4FE1\u606F")])]),n("tr",null,[n("td",null,"clearValidate"),n("td",null,"\u6E05\u9664\u8868\u5355\u6821\u9A8C"),n("td",null,"-")])])],-1),rn=n("table",null,[n("thead",null,[n("tr",null,[n("th",null,"\u5C5E\u6027"),n("th",null,"\u63CF\u8FF0"),n("th",null,"\u53EF\u4F7F\u7528\u53C2\u6570")])]),n("tbody",null,[n("tr",null,[n("td",null,"-"),n("td",null,"\u9ED8\u8BA4\u63D2\u69FD"),n("td",null,[a("\u4F20\u9012\u8FDB\u6765\u7684"),n("code",null,"props"),a("\u548C\u8868\u5355\u7ED1\u5B9A\u7684\u503C("),n("code",null,"model"),a(")")])]),n("tr",null,[n("td",null,"label"),n("td",null,[a("\u5B50\u9879\u524D\u8FB9\u63CF\u8FF0\u63D2\u69FD"),n("br"),a("\u5982\u679C\u4F7F\u7528\u6B64\u63D2\u69FD\uFF0C"),n("code",null,"props"),n("strong",null,"\u5C3D\u91CF"),a("\u4E5F\u4F20\u9012"),n("code",null,"label"),a("\u53C2\u6570")]),n("td",null,[a("\u4F20\u9012\u8FDB\u6765\u7684"),n("code",null,"props"),a("\u548C\u8868\u5355\u7ED1\u5B9A\u7684\u503C("),n("code",null,"model"),a(")")])]),n("tr",null,[n("td",null,"required"),n("td",null,"\u5FC5\u586B\u524D\u7F00\u63D2\u69FD"),n("td",null,[n("code",null,"*"),a(" / "),n("code",null,"\u8868\u5355props"),a(" \u4E2D\u7684 "),n("code",null,"requiredIcons")])])])],-1),dn=n("p",{class:"describe-plugin"},"\u67E5\u770B\uFF1A https://github.com/yiminghe/async-validator\u3002",-1),mn=n("p",{class:"describe-plugin"},"\u7FFB\u8BD1\uFF1A ttps://www.cnblogs.com/wozho/p/10955525.html\u3002",-1),yn=n("table",null,[n("thead",null,[n("tr",null,[n("th",null,"\u5C5E\u6027"),n("th",null,"\u63CF\u8FF0"),n("th",null,"\u4F7F\u7528\u65B9\u5F0F")])]),n("tbody",null,[n("tr",null,[n("td",null,"number"),n("td",null,"\u6570\u5B57"),n("td",null,[n("code",null,"{type : 'number'}")])]),n("tr",null,[n("td",null,"boolean"),n("td",null,"\u5E03\u5C14\u7C7B\u578B"),n("td",null,[n("code",null,"{type : 'boolean'}")])]),n("tr",null,[n("td",null,"method"),n("td",null,"\u65B9\u6CD5"),n("td",null,[n("code",null,"{type : 'method'}")])]),n("tr",null,[n("td",null,"regexp"),n("td",null,"\u6B63\u5219\u8868\u8FBE\u5F0F"),n("td",null,[n("code",null,"{type : 'regexp'}")])]),n("tr",null,[n("td",null,"integer"),n("td",null,"\u6574\u578B\u6570\u5B57"),n("td",null,[n("code",null,"{type : 'integer'}")])]),n("tr",null,[n("td",null,"float"),n("td",null,"\u6D6E\u70B9\u5C0F\u6570"),n("td",null,[n("code",null,"{type : 'float'}")])]),n("tr",null,[n("td",null,"array"),n("td",null,"\u6570\u7EC4"),n("td",null,[n("code",null,"{type : 'array'}")])]),n("tr",null,[n("td",null,"object"),n("td",null,"\u5BF9\u8C61"),n("td",null,[n("code",null,"{type : 'object'}")])]),n("tr",null,[n("td",null,"enum"),n("td",null,"\u679A\u4E3E"),n("td",null,[n("code",null,"{type : 'enum'}")])]),n("tr",null,[n("td",null,"date"),n("td",null,"\u65E5\u671F"),n("td",null,[n("code",null,"{type : 'date'}")])]),n("tr",null,[n("td",null,"url"),n("td",null,"url"),n("td",null,[n("code",null,"{type : 'url'}")])]),n("tr",null,[n("td",null,"hex"),n("td",null,"\u5341\u516D\u8FDB\u5236"),n("td",null,[n("code",null,"{type : 'hex'}")])]),n("tr",null,[n("td",null,"email"),n("td",null,"\u90AE\u7BB1"),n("td",null,[n("code",null,"{type : 'email'}")])])])],-1),gn=n("div",{class:"language-javascript"},[n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token function-variable function"},"validator"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("rule"),n("span",{class:"token punctuation"},","),a(" value")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(" value "),n("span",{class:"token operator"},"==="),a(),n("span",{class:"token string"},"'root'"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`)])])],-1),fn=n("div",{class:"language-javascript"},[n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token function-variable function"},"asyncValidator"),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("rule"),n("span",{class:"token punctuation"},","),a(" value")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token keyword"},"return"),a(),n("span",{class:"token keyword"},"new"),a(),n("span",{class:"token class-name"},"Promise"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},"("),n("span",{class:"token parameter"},[a("resolve"),n("span",{class:"token punctuation"},","),a(" reject")]),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token operator"},"=>"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token keyword"},"if"),a(),n("span",{class:"token punctuation"},"("),a("value "),n("span",{class:"token operator"},"<"),a(),n("span",{class:"token number"},"18"),n("span",{class:"token punctuation"},")"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token function"},"reject"),n("span",{class:"token punctuation"},"("),n("span",{class:"token string"},"'too young'"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(" "),n("span",{class:"token comment"},"// reject with error message"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(),n("span",{class:"token keyword"},"else"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token function"},"resolve"),n("span",{class:"token punctuation"},"("),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},")"),n("span",{class:"token punctuation"},";"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`)])])],-1),vn=n("div",{class:"language-javascript"},[n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token literal-property property"},"key"),a(),n("span",{class:"token operator"},":"),a(" rule "),n("span",{class:"token comment"},"// key\u4E3A\u8868\u5355\u5B50\u9879\u9700\u8981\u6821\u9A8C\u7684\u5BF9\u5E94key\u540D\u79F0\uFF0C rule\u4E3A\u6821\u9A8C\u89C4\u5219\uFF0C\u683C\u5F0F\u4E3A{}"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`),n("span",{class:"token comment"},"// \u4F8B\u5982 \u8868\u5355\u7ED1\u5B9A\u503C\u4E3A {email : 'xxx', username: 'xxxxx'}"),a(`
|
|
`),n("span",{class:"token comment"},"// \u9700\u8981\u6821\u9A8C\u90AE\u7BB1,\u800C\u90AE\u7BB1\u8F93\u5165\u6846\u5728\u8868\u5355\u7ED1\u5B9A\u7684\u503C\u4E2Dkey\u4E3Aemail\uFF0C"),a(`
|
|
`),n("span",{class:"token comment"},"// \u9700\u8981\u6821\u9A8C\u7528\u6237\u540D\u957F\u5EA6\u4E3A8\u523016\u4E4B\u95F4,\u800C\u7528\u6237\u540D\u8F93\u5165\u6846\u5728\u8868\u5355\u7ED1\u5B9A\u7684\u503C\u4E2Dkey\u4E3Ausername\uFF0C"),a(`
|
|
`),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token literal-property property"},"email"),a(),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token literal-property property"},"type"),a(),n("span",{class:"token operator"},":"),a(" "),n("span",{class:"token string"},"'email'"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"username"),a(),n("span",{class:"token operator"},":"),a(),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token literal-property property"},"type"),a(),n("span",{class:"token operator"},":"),a(" "),n("span",{class:"token string"},"'string'"),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"min"),a(),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"8"),n("span",{class:"token punctuation"},","),a(`
|
|
`),n("span",{class:"token literal-property property"},"max"),a(),n("span",{class:"token operator"},":"),a(),n("span",{class:"token number"},"16"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`)])])],-1),bn=n("div",{class:"language-javascript"},[n("pre",null,[n("code",{"v-pre":""},[n("span",{class:"token comment"},"// \u4F8B\u5982 \u8868\u5355\u7ED1\u5B9A\u503C\u4E3A {email : 'xxx', phone: 'xxxxx'}"),a(`
|
|
`),n("span",{class:"token comment"},"// \u9700\u8981\u6821\u9A8C\u90AE\u7BB1,\u800C\u90AE\u7BB1\u8F93\u5165\u6846\u5728\u8868\u5355\u7ED1\u5B9A\u7684\u503C\u4E2Dkey\u4E3Aemail"),a(`
|
|
`),n("span",{class:"token punctuation"},"{"),a(`
|
|
`),n("span",{class:"token literal-property property"},"type"),a(),n("span",{class:"token operator"},":"),a(" "),n("span",{class:"token string"},"'email'"),a(`
|
|
`),n("span",{class:"token punctuation"},"}"),a(`
|
|
`)])])],-1),qn={style:{display:"flex","justify-content":"space-between","margin-top":"20px"}},_n={},hn={__name:"form",setup(Vn,{expose:P}){let c=h({username:"admin",password:"123456",specialty:"1"}),C=function(){f.open({type:1,title:"\u8868\u5355\u7ED3\u679C",content:`<div style="padding: 10px">${JSON.stringify(c)}</div>`,shade:!1,isHtmlFragment:!0,btn:[{text:"\u786E\u8BA4",callback(m){f.close(m)}}],area:"500px"})};c=h({username:"admin",password:"123456",specialty:"1"});let r=F("right");C=function(){f.open({type:1,title:"\u8868\u5355\u7ED3\u679C",content:`<div style="padding: 10px">${JSON.stringify(c)}</div>`,shade:!1,isHtmlFragment:!0,btn:[{text:"\u786E\u8BA4",callback(m){f.close(m)}}],area:"500px"})};let i=h({username:"",password:"",specialty:"1",hobbys:"",file:null}),$=F(null),D=function(){$.value.validate((m,e,g)=>{f.open({type:1,title:"\u8868\u5355\u63D0\u4EA4\u7ED3\u679C",content:`<div style="padding: 10px"><p>\u662F\u5426\u901A\u8FC7 : ${m}</p> <p>\u8868\u5355\u6570\u636E : ${JSON.stringify(e)} </p> <p>\u9519\u8BEF\u4FE1\u606F : ${JSON.stringify(g)}</p></div>`,shade:!1,isHtmlFragment:!0,btn:[{text:"\u786E\u8BA4",callback(u){f.close(u)}}],area:"500px"})})},E=function(){$.value.clearValidate()},H=function(){$.value.reset(),i.specialty="1"},v=h({email:"",url:"",date:"",username:"",age:null}),I=F({email:{type:"email"},url:{type:"url"},date:{type:"date"},username:{type:"string",min:8,max:16},age:{validator(m,e,g,u,k){if(e<18)g(new Error(`${m.field}\u592A\u8FC7\u4E8E\u5E74\u8F7B`));else return!0}}}),S=F(null),B=function(){S.value.validate((m,e,g)=>{f.open({type:1,title:"\u8868\u5355\u63D0\u4EA4\u7ED3\u679C",content:`<div style="padding: 10px"><p>\u662F\u5426\u901A\u8FC7 : ${m}</p> <p>\u8868\u5355\u6570\u636E : ${JSON.stringify(e)} </p> <p>\u9519\u8BEF\u4FE1\u606F : ${JSON.stringify(g)}</p></div>`,shade:!1,isHtmlFragment:!0,btn:[{text:"\u786E\u8BA4",callback(u){f.close(u)}}],area:"500px"})})},y=h({email:"",url:"",date:"",username:"",age:null,myEmail:""}),z={validator(m,e,g,u,k){return e<18?(g(new Error(`${m.field}\u592A\u8FC7\u4E8E\u5E74\u8F7B`)),!1):!0}},j=F(null),A=function(){j.value.validate((m,e,g)=>{f.open({type:1,title:"\u8868\u5355\u63D0\u4EA4\u7ED3\u679C",content:`<div style="padding: 10px"><p>\u662F\u5426\u901A\u8FC7 : ${m}</p> <p>\u8868\u5355\u6570\u636E : ${JSON.stringify(e)} </p> <p>\u9519\u8BEF\u4FE1\u606F : ${JSON.stringify(g)}</p></div>`,shade:!1,isHtmlFragment:!0,btn:[{text:"\u786E\u8BA4",callback(u){f.close(u)}}],area:"500px"})})},U=h({username:"",password:""}),T=function(m,e,g){f.open({type:1,title:"\u8868\u5355\u63D0\u4EA4\u7ED3\u679C",content:`<div style="padding: 10px"><p>\u662F\u5426\u901A\u8FC7 : ${m}</p> <p>\u8868\u5355\u6570\u636E : ${JSON.stringify(e)} </p> <p>\u9519\u8BEF\u4FE1\u606F : </br>${JSON.stringify(g)}</p></div>`,shade:!1,isHtmlFragment:!0,btn:[{text:"\u786E\u8BA4",callback(u){f.close(u)}}],area:"500px"})};return P({frontmatter:{}}),(m,e)=>{const g=d("lay-anchor"),u=d("lay-field"),k=d("lay-input"),p=d("lay-form-item"),b=d("lay-select-option"),N=d("lay-select"),q=d("lay-radio"),R=d("lay-textarea"),Y=d("lay-date-picker"),V=d("lay-button"),x=d("lay-form"),_=d("lay-code"),G=d("lay-upload"),w=d("lay-table-box"),K=d("lay-contributor"),J=d("lay-icon"),O=d("router-link");return L(),Q("div",W,[t(g,{anchors:"\u57FA\u7840\u4F7F\u7528,\u5BF9\u9F50\u65B9\u5F0F,\u8868\u5355\u9A8C\u8BC1,\u6821\u9A8C\u89C4\u5219,\u6821\u9A8C\u89C4\u5219 - \u901A\u8FC7\u8868\u5355\u5B50\u9879\u914D\u7F6E,\u539F\u751Fsubmit\u65B9\u5F0F\u6821\u9A8C -- \u6821\u9A8C\u901A\u8FC7\u5C06\u63D0\u4EA4\u8868\u5355 -- \u4E0D\u63A8\u8350\u4F7F\u7528,\u8868\u5355(form)\u5C5E\u6027,\u8868\u5355(form)\u4E8B\u4EF6,\u8868\u5355(form)\u65B9\u6CD5,\u8868\u5355\u9879(form-item)\u5C5E\u6027,\u8868\u5355\u9879(form-item)\u65B9\u6CD5,\u8868\u5355\u9879(form-item)\u63D2\u69FD,\u5173\u4E8E async-validator \u7684\u4F7F\u7528,async-validator \u57FA\u672C\u6821\u9A8C\u7C7B\u578B,async-validator \u4E2D validator\u53C2\u6570\u4F7F\u7528,async-validator \u4E2D asyncValidator\u53C2\u6570\u4F7F\u7528,form \u914D\u7F6E async-validator \u7684\u4F7F\u7528,form-item \u914D\u7F6E async-validator \u7684\u4F7F\u7528",currIndex:-1,show:!0}),t(u,{id:"\u57FA\u7840\u4F7F\u7528",title:"\u57FA\u7840\u4F7F\u7528",style:{"margin-top":"21px","margin-bottom":"20px"}}),t(_,null,{code:o(()=>[X]),default:o(()=>[t(x,{model:s(c)},{default:o(()=>[t(p,{label:"\u8D26\u6237",prop:"username"},{default:o(()=>[t(k,{modelValue:s(c).username,"onUpdate:modelValue":e[0]||(e[0]=l=>s(c).username=l)},null,8,["modelValue"])]),_:1}),t(p,{label:"\u5BC6\u7801",prop:"password"},{default:o(()=>[t(k,{modelValue:s(c).password,"onUpdate:modelValue":e[1]||(e[1]=l=>s(c).password=l),type:"password"},null,8,["modelValue"])]),_:1}),t(p,{label:"\u7231\u597D",prop:"hobby"},{default:o(()=>[t(N,{modelValue:s(c).hobby,"onUpdate:modelValue":e[2]||(e[2]=l=>s(c).hobby=l)},{default:o(()=>[t(b,{value:"1",label:"\u5B66\u4E60"}),t(b,{value:"2",label:"\u7F16\u7801"}),t(b,{value:"3",label:"\u8FD0\u52A8"})]),_:1},8,["modelValue"])]),_:1}),t(p,{label:"\u7279\u957F",prop:"specialty"},{default:o(()=>[t(q,{modelValue:s(c).specialty,"onUpdate:modelValue":e[3]||(e[3]=l=>s(c).specialty=l),name:"specialty",value:"1"},{default:o(()=>[a("\u5199\u4F5C")]),_:1},8,["modelValue"]),t(q,{modelValue:s(c).specialty,"onUpdate:modelValue":e[4]||(e[4]=l=>s(c).specialty=l),name:"specialty",value:"2"},{default:o(()=>[a("\u753B\u753B")]),_:1},8,["modelValue"]),t(q,{modelValue:s(c).specialty,"onUpdate:modelValue":e[5]||(e[5]=l=>s(c).specialty=l),name:"specialty",value:"3"},{default:o(()=>[a("\u7F16\u7801")]),_:1},8,["modelValue"])]),_:1}),t(p,{label:"\u63CF\u8FF0",prop:"desc"},{default:o(()=>[t(R,{placeholder:"\u8BF7\u8F93\u5165\u63CF\u8FF0",modelValue:s(c).desc,"onUpdate:modelValue":e[6]||(e[6]=l=>s(c).desc=l)},null,8,["modelValue"])]),_:1}),t(p,{label:"\u65F6\u95F4",prop:"datetime",required:""},{default:o(()=>[t(Y,{modelValue:s(c).datetime,"onUpdate:modelValue":e[7]||(e[7]=l=>s(c).datetime=l),range:"",type:"datetime"},null,8,["modelValue"])]),_:1}),t(p,null,{default:o(()=>[t(V,{onClick:s(C)},{default:o(()=>[a("\u63D0\u4EA4")]),_:1},8,["onClick"])]),_:1})]),_:1},8,["model"])]),_:1}),t(u,{id:"\u5BF9\u9F50\u65B9\u5F0F",title:"\u5BF9\u9F50\u65B9\u5F0F",style:{"margin-top":"21px","margin-bottom":"20px"}}),t(_,null,{description:o(()=>[Z]),code:o(()=>[nn]),default:o(()=>[t(x,{model:s(c)},{default:o(()=>[t(p,{label:"\u8D26\u6237","label-position":s(r),prop:"username"},{default:o(()=>[t(k,{modelValue:s(c).username,"onUpdate:modelValue":e[8]||(e[8]=l=>s(c).username=l)},null,8,["modelValue"])]),_:1},8,["label-position"]),t(p,{label:"\u5BC6\u7801","label-position":s(r),prop:"password"},{default:o(()=>[t(k,{modelValue:s(c).password,"onUpdate:modelValue":e[9]||(e[9]=l=>s(c).password=l),type:"password"},null,8,["modelValue"])]),_:1},8,["label-position"]),t(p,{label:"\u7231\u597D","label-position":s(r),prop:"hobby"},{default:o(()=>[t(N,{modelValue:s(c).hobby,"onUpdate:modelValue":e[10]||(e[10]=l=>s(c).hobby=l)},{default:o(()=>[t(b,{value:"1",label:"\u5B66\u4E60"}),t(b,{value:"2",label:"\u7F16\u7801"}),t(b,{value:"3",label:"\u8FD0\u52A8"})]),_:1},8,["modelValue"])]),_:1},8,["label-position"]),t(p,{label:"\u7279\u957F","label-position":s(r),prop:"specialty"},{default:o(()=>[t(q,{modelValue:s(r),"onUpdate:modelValue":e[11]||(e[11]=l=>M(r)?r.value=l:r=l),name:"labelPosition",value:"left"},{default:o(()=>[a("\u5DE6")]),_:1},8,["modelValue"]),t(q,{modelValue:s(r),"onUpdate:modelValue":e[12]||(e[12]=l=>M(r)?r.value=l:r=l),name:"labelPosition",value:"top"},{default:o(()=>[a("\u4E0A")]),_:1},8,["modelValue"]),t(q,{modelValue:s(r),"onUpdate:modelValue":e[13]||(e[13]=l=>M(r)?r.value=l:r=l),name:"labelPosition",value:"right"},{default:o(()=>[a("\u53F3")]),_:1},8,["modelValue"])]),_:1},8,["label-position"]),t(p,{label:"\u63CF\u8FF0","label-position":s(r),prop:"desc"},{default:o(()=>[t(R,{placeholder:"\u8BF7\u8F93\u5165\u63CF\u8FF0",modelValue:s(c).desc,"onUpdate:modelValue":e[14]||(e[14]=l=>s(c).desc=l)},null,8,["modelValue"])]),_:1},8,["label-position"]),t(p,null,{default:o(()=>[t(V,{onClick:s(C)},{default:o(()=>[a("\u63D0\u4EA4")]),_:1},8,["onClick"])]),_:1})]),_:1},8,["model"])]),_:1}),t(u,{id:"\u8868\u5355\u9A8C\u8BC1",title:"\u8868\u5355\u9A8C\u8BC1",style:{"margin-top":"21px","margin-bottom":"20px"}}),t(_,null,{code:o(()=>[an]),default:o(()=>[t(x,{model:s(i),ref_key:"layFormRef",ref:$,required:""},{default:o(()=>[t(p,{label:"\u8D26\u6237",prop:"username"},{default:o(()=>[t(k,{modelValue:s(i).username,"onUpdate:modelValue":e[15]||(e[15]=l=>s(i).username=l)},null,8,["modelValue"])]),_:1}),t(p,{label:"\u5BC6\u7801",prop:"password"},{default:o(()=>[t(k,{modelValue:s(i).password,"onUpdate:modelValue":e[16]||(e[16]=l=>s(i).password=l),type:"password"},{default:o(()=>[a(">")]),_:1},8,["modelValue"])]),_:1}),t(p,{label:"\u7231\u597D",prop:"hobby"},{default:o(()=>[t(N,{modelValue:s(i).hobbys,"onUpdate:modelValue":e[17]||(e[17]=l=>s(i).hobbys=l)},{default:o(()=>[t(b,{value:"1",label:"\u5B66\u4E60"}),t(b,{value:"2",label:"\u7F16\u7801"}),t(b,{value:"3",label:"\u8FD0\u52A8"})]),_:1},8,["modelValue"])]),_:1}),t(p,{label:"\u7279\u957F",prop:"specialty"},{default:o(()=>[t(q,{modelValue:s(i).specialty,"onUpdate:modelValue":e[18]||(e[18]=l=>s(i).specialty=l),name:"specialty",value:"1"},{default:o(()=>[a("\u5199\u4F5C")]),_:1},8,["modelValue"]),t(q,{modelValue:s(i).specialty,"onUpdate:modelValue":e[19]||(e[19]=l=>s(i).specialty=l),name:"specialty",value:"2"},{default:o(()=>[a("\u753B\u753B")]),_:1},8,["modelValue"]),t(q,{modelValue:s(i).specialty,"onUpdate:modelValue":e[20]||(e[20]=l=>s(i).specialty=l),name:"specialty",value:"3"},{default:o(()=>[a("\u7F16\u7801")]),_:1},8,["modelValue"])]),_:1}),t(p,{label:"\u63CF\u8FF0",prop:"desc"},{default:o(()=>[t(R,{placeholder:"\u8BF7\u8F93\u5165\u63CF\u8FF0",modelValue:s(i).desc,"onUpdate:modelValue":e[21]||(e[21]=l=>s(i).desc=l)},null,8,["modelValue"])]),_:1}),t(p,{label:"\u6587\u4EF6",prop:"file"},{default:o(()=>[t(G,{modelValue:s(i).file,"onUpdate:modelValue":e[22]||(e[22]=l=>s(i).file=l),cut:!0,acceptMime:"images",auto:!1},null,8,["modelValue"])]),_:1}),t(p,null,{default:o(()=>[t(V,{onClick:s(D)},{default:o(()=>[a("\u63D0\u4EA4")]),_:1},8,["onClick"]),t(V,{onClick:s(E)},{default:o(()=>[a("\u6E05\u9664\u6821\u9A8C")]),_:1},8,["onClick"]),t(V,{onClick:s(H)},{default:o(()=>[a("\u91CD\u7F6E\u8868\u5355")]),_:1},8,["onClick"])]),_:1})]),_:1},8,["model"])]),_:1}),t(u,{id:"\u6821\u9A8C\u89C4\u5219",title:"\u6821\u9A8C\u89C4\u5219",style:{"margin-top":"21px","margin-bottom":"20px"}}),t(_,null,{code:o(()=>[tn]),default:o(()=>[t(x,{model:s(v),ref_key:"layFormRef1",ref:S,rules:s(I),required:"",initValidate:""},{default:o(()=>[t(p,{prop:"email",requiredMessage:"\u4F60\u5F97\u8F93\u5165\u90AE\u7BB1"},{default:o(()=>[t(k,{modelValue:s(v).email,"onUpdate:modelValue":e[23]||(e[23]=l=>s(v).email=l)},null,8,["modelValue"])]),_:1}),t(p,{label:"url\u8DEF\u5F84",prop:"url"},{default:o(()=>[t(k,{modelValue:s(v).url,"onUpdate:modelValue":e[24]||(e[24]=l=>s(v).url=l)},null,8,["modelValue"])]),_:1}),t(p,{label:"\u65E5\u671F",prop:"date"},{default:o(()=>[t(k,{modelValue:s(v).date,"onUpdate:modelValue":e[25]||(e[25]=l=>s(v).date=l)},null,8,["modelValue"])]),_:1}),t(p,{label:"\u7528\u6237\u540D",prop:"username"},{default:o(()=>[t(k,{modelValue:s(v).username,"onUpdate:modelValue":e[26]||(e[26]=l=>s(v).username=l)},null,8,["modelValue"])]),_:1}),t(p,{label:"\u5E74\u9F84",prop:"age"},{default:o(()=>[t(k,{modelValue:s(v).age,"onUpdate:modelValue":e[27]||(e[27]=l=>s(v).age=l)},null,8,["modelValue"])]),_:1}),t(p,null,{default:o(()=>[t(V,{onClick:s(B)},{default:o(()=>[a("\u63D0\u4EA4")]),_:1},8,["onClick"])]),_:1})]),_:1},8,["model","rules"])]),_:1}),t(u,{id:"\u6821\u9A8C\u89C4\u5219 - \u901A\u8FC7\u8868\u5355\u5B50\u9879\u914D\u7F6E",title:"\u6821\u9A8C\u89C4\u5219 - \u901A\u8FC7\u8868\u5355\u5B50\u9879\u914D\u7F6E",style:{"margin-top":"21px","margin-bottom":"20px"}}),t(_,null,{code:o(()=>[sn]),default:o(()=>[t(x,{model:s(y),ref_key:"layFormRef2",ref:j,required:"",initValidate:""},{default:o(()=>[t(p,{label:"\u90AE\u7BB1",prop:"email",rules:{type:"email"}},{default:o(()=>[t(k,{modelValue:s(y).email,"onUpdate:modelValue":e[28]||(e[28]=l=>s(y).email=l)},null,8,["modelValue"])]),_:1}),t(p,{label:"url\u8DEF\u5F84",prop:"url",rules:{type:"url"}},{default:o(()=>[t(k,{modelValue:s(y).url,"onUpdate:modelValue":e[29]||(e[29]=l=>s(y).url=l)},null,8,["modelValue"])]),_:1}),t(p,{label:"\u65E5\u671F",prop:"date",rules:{type:"date"}},{default:o(()=>[t(k,{modelValue:s(y).date,"onUpdate:modelValue":e[30]||(e[30]=l=>s(y).date=l)},null,8,["modelValue"])]),_:1}),t(p,{label:"\u7528\u6237\u540D",prop:"username",rules:{type:"string",min:8,max:16}},{default:o(()=>[t(k,{modelValue:s(y).username,"onUpdate:modelValue":e[31]||(e[31]=l=>s(y).username=l)},null,8,["modelValue"])]),_:1}),t(p,{label:"\u5E74\u9F84",prop:"age",rules:s(z)},{default:o(()=>[t(k,{modelValue:s(y).age,"onUpdate:modelValue":e[32]||(e[32]=l=>s(y).age=l)},null,8,["modelValue"])]),_:1},8,["rules"]),t(p,{label:"\u81EA\u5B9A\u4E49\u63D0\u793A",prop:"myEmail",rules:{type:"email",message:"\u5FC5\u987B\u4E3A\u90AE\u7BB1"}},{default:o(()=>[t(k,{modelValue:s(y).myEmail,"onUpdate:modelValue":e[33]||(e[33]=l=>s(y).myEmail=l)},null,8,["modelValue"])]),_:1}),t(p,null,{default:o(()=>[t(V,{onClick:s(A)},{default:o(()=>[a("\u63D0\u4EA4")]),_:1},8,["onClick"])]),_:1})]),_:1},8,["model"])]),_:1}),t(u,{id:"\u539F\u751Fsubmit\u65B9\u5F0F\u6821\u9A8C -- \u6821\u9A8C\u901A\u8FC7\u5C06\u63D0\u4EA4\u8868\u5355 -- \u4E0D\u63A8\u8350\u4F7F\u7528",title:"\u539F\u751Fsubmit\u65B9\u5F0F\u6821\u9A8C -- \u6821\u9A8C\u901A\u8FC7\u5C06\u63D0\u4EA4\u8868\u5355 -- \u4E0D\u63A8\u8350\u4F7F\u7528",style:{"margin-top":"21px","margin-bottom":"20px"}}),t(_,null,{code:o(()=>[on]),default:o(()=>[t(x,{onSubmit:s(T),model:s(U),requiredIcons:"layui-icon-heart-fill","use-CN":!1,required:""},{default:o(()=>[t(p,{label:"\u8D26\u6237",prop:"username"},{label:o(()=>[en,a(" \u8D26\u6237 ")]),default:o(()=>[t(k,{modelValue:s(U).username,"onUpdate:modelValue":e[34]||(e[34]=l=>s(U).username=l)},null,8,["modelValue"])]),_:1}),t(p,{label:"\u5BC6\u7801",prop:"password"},{default:o(()=>[t(k,{modelValue:s(U).password,"onUpdate:modelValue":e[35]||(e[35]=l=>s(U).password=l)},null,8,["modelValue"])]),_:1}),t(p,null,{default:o(()=>[t(V,{"native-type":"submit"},{default:o(()=>[a("\u63D0\u4EA4")]),_:1})]),_:1})]),_:1},8,["onSubmit","model"])]),_:1}),t(u,{id:"\u8868\u5355(form)\u5C5E\u6027",title:"\u8868\u5355(form)\u5C5E\u6027",style:{"margin-top":"21px","margin-bottom":"20px"}}),t(w,null,{default:o(()=>[ln]),_:1}),t(u,{id:"\u8868\u5355(form)\u4E8B\u4EF6",title:"\u8868\u5355(form)\u4E8B\u4EF6",style:{"margin-top":"21px","margin-bottom":"20px"}}),t(w,null,{default:o(()=>[pn]),_:1}),t(u,{id:"\u8868\u5355(form)\u65B9\u6CD5",title:"\u8868\u5355(form)\u65B9\u6CD5",style:{"margin-top":"21px","margin-bottom":"20px"}}),t(w,null,{default:o(()=>[cn]),_:1}),t(u,{id:"\u8868\u5355\u9879(form-item)\u5C5E\u6027",title:"\u8868\u5355\u9879(form-item)\u5C5E\u6027",style:{"margin-top":"21px","margin-bottom":"20px"}}),t(w,null,{default:o(()=>[un]),_:1}),t(u,{id:"\u8868\u5355\u9879(form-item)\u65B9\u6CD5",title:"\u8868\u5355\u9879(form-item)\u65B9\u6CD5",style:{"margin-top":"21px","margin-bottom":"20px"}}),t(w,null,{default:o(()=>[kn]),_:1}),t(u,{id:"\u8868\u5355\u9879(form-item)\u63D2\u69FD",title:"\u8868\u5355\u9879(form-item)\u63D2\u69FD",style:{"margin-top":"21px","margin-bottom":"20px"}}),t(w,null,{default:o(()=>[rn]),_:1}),t(u,{id:"\u5173\u4E8E async-validator \u7684\u4F7F\u7528",title:"\u5173\u4E8E async-validator \u7684\u4F7F\u7528",style:{"margin-top":"21px","margin-bottom":"20px"}}),dn,mn,t(u,{id:"async-validator \u57FA\u672C\u6821\u9A8C\u7C7B\u578B",title:"async-validator \u57FA\u672C\u6821\u9A8C\u7C7B\u578B",style:{"margin-top":"21px","margin-bottom":"20px"}}),t(w,null,{default:o(()=>[yn]),_:1}),t(u,{id:"async-validator \u4E2D validator\u53C2\u6570\u4F7F\u7528",title:"async-validator \u4E2D validator\u53C2\u6570\u4F7F\u7528",style:{"margin-top":"21px","margin-bottom":"20px"}}),gn,t(u,{id:"async-validator \u4E2D asyncValidator\u53C2\u6570\u4F7F\u7528",title:"async-validator \u4E2D asyncValidator\u53C2\u6570\u4F7F\u7528",style:{"margin-top":"21px","margin-bottom":"20px"}}),fn,t(u,{id:"form \u914D\u7F6E async-validator \u7684\u4F7F\u7528",title:"form \u914D\u7F6E async-validator \u7684\u4F7F\u7528",style:{"margin-top":"21px","margin-bottom":"20px"}}),vn,t(u,{id:"form-item \u914D\u7F6E async-validator \u7684\u4F7F\u7528",title:"form-item \u914D\u7F6E async-validator \u7684\u4F7F\u7528",style:{"margin-top":"21px","margin-bottom":"20px"}}),bn,t(K,{"file-path":"form"}),n("div",qn,[n("div",null,[t(O,{to:"/zh-CN/components/slider",class:"lay-link",style:{display:""}},{default:o(()=>[t(J,{type:"layui-icon-left"}),a("\u6ED1\u5757")]),_:1})]),n("div",null,[t(O,{to:"/zh-CN/components/progress",class:"lay-link",style:{display:""}},{default:o(()=>[a("\u8FDB\u5EA6 "),t(J,{type:"layui-icon-right"})]),_:1})])])])}}};export{hn as default,_n as frontmatter};
|