update:信息编辑商品标题验证

src/pages/Activity/releaseProduc/components/infoEditing.vue

 <template>
   <div class="infoEditing">
-    <el-form ref="infoEditForm" :model="infoEditForm" label-width="80px">
+    <el-form ref="infoEditForm" :model="infoEditForm" :rules="rules" label-width="80px">
       <el-form-item label="标题：">
         <el-input v-model="infoEditForm.title" maxlength="30"></el-input>
       </el-form-item>

src/pages/Activity/releaseProduc/index.vue

@@ -13,7 +13,7 @@
       <el-step title="拼单设置"></el-step>
     </el-steps>
     <div class="content">
-      <infoEditing ref="avatar" v-if="active === 1" />
+      <infoEditing ref="infoEdit" v-if="active === 1" />
       <addProduc v-else-if="active === 2" />
       <spellOrderSet v-else />
     </div>
@@ -36,6 +36,7 @@
 import infoEditing from "./components/infoEditing.vue";
 import addProduc from "./components/addProduc.vue";
 import spellOrderSet from "./components/spellOrderSet.vue";
+import { ElMessage } from "element-plus";
 export default {
   components: {
     infoEditing,
@@ -45,7 +46,7 @@ export default {
   data() {
     return {
       active: 1, // 步骤条状态
-      infoEditArr:[]
+      infoEditArr: [],
     };
   },
 
@@ -57,8 +58,17 @@ export default {
 
     // 下一步
     next() {
-      // this.active++;
-      console.log(this.$refs.avatar);
+      console.log(this.$refs.infoEdit.infoEditForm);
+      if (this.active == "1") {
+        if (this.$refs.infoEdit.infoEditForm.title == "") {
+          ElMessage.error("请填写商品标题");
+          // this.$refs["infoEdit"].validateForm(() => {
+          //   this.active++;
+          // });
+          return;
+        }
+      }
+        this.active++;
     },
     // 取消
     cancel() {