禁止修改名称可为空

src/components/editTemplate/ModifyTitle.vue

@@ -4,6 +4,7 @@
     <dialog-input
       class="dialog_add-form dialog_add-input_name"
       v-model="editTitle"
+      :errorShowing="isErrorShowing"
       placeholder="请输入标题名称"
     />
     <button class="dialog_add-btn_confirm" @click="changeEdit">确定</button>
@@ -12,34 +13,37 @@
 </template>
 
 <script>
-import { Property, Unit } from "@/plugins/types";
 import DialogInput from "@/components/DialogInput.vue";
 export default {
   //   引入组件
   components: {
-    DialogInput
+    DialogInput,
   },
   props: ["selectedEditItem"],
   data() {
     return {
-      editTitle: ""
+      editTitle: "",
+      isErrorShowing: false,
     };
   },
   watch: {
     selectedEditItem: {
       handler(newName, oldName) {
-    
         if (newName.title) this.editTitle = newName.title;
         if (newName.label) this.editTitle = newName.label;
       },
       deep: true,
-      immediate: true
-    }
+      immediate: true,
+    },
   },
   created() {},
   computed: {},
   methods: {
     changeEdit() {
+      if (this.editTitle.trim() === "") {
+        this.isErrorShowing = true;
+        return;
+      }
       this.$nextTick(() => {
         if (this.selectedEditItem) {
           if (this.selectedEditItem.hasOwnProperty("title"))
@@ -59,13 +63,13 @@ export default {
       ) {
         this.$message({
           message: "标题不可为空",
-          type: "warning"
+          type: "warning",
         });
         return false;
       }
       this.$emit("close");
-    }
-  }
+    },
+  },
 };
 </script>
 <style scoped lang="less">