基础表单示例修改

src/views/form/Basic.vue

@@ -21,10 +21,14 @@ const formConfig = reactive<BasicForm>({
       label: '密码',
       value: '',
       name: 'password',
-      type: 'input',
-      props: {
-        type: 'password'
-      },
+      type: 'custom',
+      notFormItem: true,
+      slots: [
+        {
+          name: 'default',
+          alias: 'password'
+        }
+      ],
       rules: [{ required: true, message: '请输入密码', trigger: 'blur' }]
     },
     {
@@ -302,6 +306,10 @@ const handleInputConfirm = () => {
         <template #file>
           <el-button type="primary">上传</el-button>
         </template>
+        <template #password>
+          <el-input type="password" name="password" v-model="formData.password"></el-input>
+          <el-text type="info">密码需包含大写字母、小写字母、数字</el-text>
+        </template>
         <template #customDefault>
           <el-space wrap>
             <el-tag