{"id":1151,"date":"2022-10-15T10:36:30","date_gmt":"2022-10-15T02:36:30","guid":{"rendered":"https:\/\/usei.cn\/?p=1151"},"modified":"2022-10-16T15:33:33","modified_gmt":"2022-10-16T07:33:33","slug":"el-form-%e5%b5%8c%e5%a5%97%e9%aa%8c%e8%af%81","status":"publish","type":"post","link":"https:\/\/usei.cn\/index.php\/2022\/10\/15\/el-form-%e5%b5%8c%e5%a5%97%e9%aa%8c%e8%af%81\/","title":{"rendered":"el-form \u5d4c\u5957\u9a8c\u8bc1"},"content":{"rendered":"\n

\u8868\u5355\u4e2d\u5982\u679c\u589e\u52a0\u5217\u8868\u5b50\u9879\u96c6\u5408\uff0c\u4f8b\u5982\u4e0b\u56fe\u7684\u6570\u636e\u7ed3\u6784\uff0c\u9700\u8981\u5bf9\u5b50\u9879\u7684\u5b57\u6bb5\u8fdb\u884c\u9a8c\u8bc1\u7684\u65f6\u5019\u3002<\/p>\n\n\n\n

formData:{\n        name:'',\n        list:[ \/\/ \u96c6\u5408\u5b50\u9879\n          { name:'',id:''} \/\/ \u9700\u8981\u9a8c\u8bc1\u91cc\u9762\u7684\u5b57\u6bb5\n        ]\n      },<\/code><\/pre>\n\n\n\n
\u4f7f\u7528 :prop=”`domains.${index}.value`”<\/p>\n\n\n\n
\u65b9\u6cd51\uff1a\u884c\u5185\u5199\u89c4\u5219<\/h3>\n\n\n\n
<template>\n    <el-form ref=\"form\" :model=\"formData\" label-width=\"100px\">\n        <el-form-item\n            v-for=\"(domain, index) in form.list\"\n            :key=\"index\"\n            label=\"\u59d3\u540d\"\n            :prop=\"`domains.${index}.value`\"\n            :rules=\"[\n                { required: true, message: 'name is required' },\n                { type: 'string', message: 'name must be a string' },\n                { validator: checkName, trigger: ['blur'] }\n            ]\"\n        >\n            <el-input v-model=\"form.name\"><\/el-input>\n        <\/el-form-item>\n    <\/el-form>\n<\/template><\/code><\/pre>\n\n\n\n
\u65b9\u6cd52\uff1a\u5f15\u7528\u65b9\u5f0f<\/h3>\n\n\n\n
<template>\n    <el-form ref=\"form\" :model=\"formData\" :rules=\"rule\" label-width=\"100px\">\n        <el-form-item\n            v-for=\"(domain, index) in form.list\"\n            :key=\"index\"\n            label=\"\u59d3\u540d\"\n            :prop=\"`list.${index}.value`\"\n            :rules=\"rule.list.name\"\n        >\n            <el-input v-model=\"form.name\"><\/el-input>\n        <\/el-form-item>\n    <\/el-form>\n<\/template>\n\/\/ \u9a8c\u8bc1\u89c4\u5219\u5199\u6cd5\nrules: {\n    name: [{ required: true, message: '\u534f\u8bae\u5fc5\u586b', trigger: 'blur' }],\n    \/\/ \u5b50\u9879\u9a8c\u8bc1\u89c4\u5219\n    list: {\n       name: [{ required: true, message: '\u534f\u8bae\u5fc5\u586b', trigger: 'blur' }]\n    }\n}\n<\/code><\/pre>\n","protected":false},"excerpt":{"rendered":"
\u8868\u5355\u4e2d\u5982\u679c\u589e\u52a0\u5217\u8868\u5b50\u9879\u96c6\u5408\uff0c\u4f8b\u5982\u4e0b\u56fe\u7684\u6570\u636e\u7ed3\u6784\uff0c\u9700\u8981\u5bf9\u5b50\u9879\u7684\u5b57\u6bb5\u8fdb\u884c\u9a8c\u8bc1\u7684\u65f6\u5019\u3002 \u4f7f\u7528 :prop=&#822 […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8],"tags":[],"class_list":["post-1151","post","type-post","status-publish","format-standard","hentry","category-frontend"],"_links":{"self":[{"href":"https:\/\/usei.cn\/index.php\/wp-json\/wp\/v2\/posts\/1151","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/usei.cn\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/usei.cn\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/usei.cn\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/usei.cn\/index.php\/wp-json\/wp\/v2\/comments?post=1151"}],"version-history":[{"count":8,"href":"https:\/\/usei.cn\/index.php\/wp-json\/wp\/v2\/posts\/1151\/revisions"}],"predecessor-version":[{"id":1161,"href":"https:\/\/usei.cn\/index.php\/wp-json\/wp\/v2\/posts\/1151\/revisions\/1161"}],"wp:attachment":[{"href":"https:\/\/usei.cn\/index.php\/wp-json\/wp\/v2\/media?parent=1151"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/usei.cn\/index.php\/wp-json\/wp\/v2\/categories?post=1151"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/usei.cn\/index.php\/wp-json\/wp\/v2\/tags?post=1151"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}