轮播管理自测

src/views/banner_management/banner_add.vue

@@ -110,15 +110,14 @@ export default {
           { validator: titleTest, trigger: 'blur' }
         ],
         img: [
-          { required: false, message: '请选择轮播图', trigger: 'change' }
+          { required: false, message: '请选择轮播图', trigger: ['change', 'blur'] }
         ],
         url: [
           { required: false, message: '请输入跳转地址', trigger: 'blur' }
         ],
         sort: [
           { required: true, message: '请输入权重', trigger: 'blur' },
-          { validator: checkSort, trigger: 'blur' },
-          { validator: checkSort, trigger: 'change' }
+          { validator: checkSort, trigger: ['blur', 'change'] }
         ],
         status: [
           { required: false, message: '请选择轮播状态', trigger: 'blur' }
@@ -136,6 +135,9 @@ export default {
       } else {
         this.rules.img[0].required = false
       }
+    },
+    'form.img'(newVal) {
+      this.$refs['form'].validateField('img')
     }
   },
   created() {

src/views/banner_management/banner_detail.vue

@@ -17,7 +17,7 @@
             <ImagePreview :height="100" :src="baseUrl + form.img" :width="100" />
           </el-form-item>
           <el-form-item label="跳转地址：" prop="url">
-            <el-input v-model.trim="form.url" class="form-input" style="width: 420px" maxlength="30" show-word-limit clearable disabled />
+            <el-input v-model="form.url" class="form-input" style="width: 420px" maxlength="30" show-word-limit clearable disabled />
           </el-form-item>
           <el-form-item label="权重：" prop="sort">
             <el-input-number
@@ -47,7 +47,7 @@
             </span>
           </el-form-item>
           <el-form-item label="备注：" prop="notes">
-            <el-input disabled v-model.trim="form.notes" class="form-input" style="width: 420px" maxlength="60" show-word-limit clearable />
+            <el-input v-model.trim="form.notes" disabled class="form-input" style="width: 420px" maxlength="60" show-word-limit clearable />
           </el-form-item>
           <el-form-item>
             <el-button class="resetBtn" icon="el-icon-back" @click="goBack">返回</el-button>
@@ -94,6 +94,12 @@ export default {
         if (res.code === 200) {
           this.form = res.data
           this.srcList.push(this.baseUrl + this.form.img)
+          if (this.form.url === undefined || this.form.url === null || this.form.url === '') {
+            this.form.url = '暂无数据'
+          }
+          if (this.form.notes === undefined || this.form.notes === null || this.form.notes === '') {
+            this.form.notes = '暂无数据'
+          }
         }
       })
     },

src/views/banner_management/banner_edit.vue

@@ -122,8 +122,7 @@ export default {
         ],
         sort: [
           { required: true, message: '请输入权重', trigger: 'blur' },
-          { validator: checkSort, trigger: 'blur' },
-          { validator: checkSort, trigger: 'change' }
+          { validator: checkSort, trigger: ['blur', 'change'] }
         ],
         status: [
           { required: false, message: '请选择轮播状态', trigger: 'blur' }
@@ -141,6 +140,9 @@ export default {
       } else {
         this.rules.img[0].required = false
       }
+    },
+    'form.img'(newVal) {
+      this.$refs['form'].validateField('img')
     }
   },
   created() {