国家必填

src/views/PhoneListView.vue

@@ -85,7 +85,8 @@ const timeFormatter = useTimeFormatter()
 const table = ref(null)
 const model = ref({})
 const rules = {
-    name: [{ required: true, message: '请输入名称', trigger: 'blur' }]
+    name: [{ required: true, message: '请输入名称', trigger: 'blur' }],
+    country: [{ required: true, message: '请输入国家', trigger: 'blur' }]
 }
 const { showEditDialog, onEdit } = setupEditDialog(model)
 

src/views/ScreenList.vue

@@ -20,7 +20,7 @@
     </PagingTable>
     <EditDialog v-model="showEditDialog" :model="model" :rules="rules" :on-submit="submit" @success="table.refresh()">
         <ElFormItem prop="name" label="昵称">
-            <ElInput v-model="model.name" placeholder="请输入昵称" />
+            <ElInput v-model="model.name" placeholder="请输入名称" />
         </ElFormItem>
         <ElFormItem prop="country" label="国家">
             <ElSelect v-model="model.country" placeholder="请选择国家" clearable filterable @input="filterCountries">
@@ -73,7 +73,8 @@ const timeFormatter = useTimeFormatter()
 const table = ref(null)
 const model = ref({})
 const rules = {
-    name: [{ required: true, message: '请输入名称', trigger: 'blur' }]
+    name: [{ required: true, message: '请输入名称', trigger: 'blur' }],
+    country: [{ required: true, message: '请输入国家', trigger: 'blur' }],
 }
 const { showEditDialog, onEdit } = setupEditDialog(model)