Explorar el Código

remove - add.vue

wangwenhua hace 3 meses
padre
commit
67f44abd63
Se han modificado 2 ficheros con 29 adiciones y 29 borrados
  1. 27 27
      src/views/modules/home/components/add.vue
  2. 2 2
      src/views/modules/home/home.vue

+ 27 - 27
src/views/modules/home/components/add.vue

@@ -1,38 +1,38 @@
 <template>
-	<form @submit.prevent="handleSubmit">
-		<div>
-			<label for="name">Name:</label>
-			<input type="text" id="name" v-model="form.name" required>
-		</div>
-		<div>
-			<label for="email">Email:</label>
-			<input type="email" id="email" v-model="form.email" required>
-		</div>
-		<button type="submit">Submit</button>
-	</form>
+  <form @submit.prevent="handleSubmit">
+    <div>
+      <label for="name">Name:</label>
+      <input type="text" id="name" v-model="form.name" required />
+    </div>
+    <div>
+      <label for="email">Email:</label>
+      <input type="email" id="email" v-model="form.email" required />
+    </div>
+    <button type="submit">Submit</button>
+  </form>
 </template>
 
 <script lang="ts">
-import { defineComponent, reactive } from 'vue';
+import { defineComponent, reactive } from "vue";
 
 export default defineComponent({
-	name: 'AddForm',
-	setup() {
-		const form = reactive({
-			name: '',
-			email: ''
-		});
+  name: "AddForm",
+  setup() {
+    const form = reactive({
+      name: "",
+      email: "",
+    });
 
-		const handleSubmit = () => {
-			console.log('Form submitted:', form);
-			// Here you can add code to send the form data to your backend or handle it as needed
-		};
+    const handleSubmit = () => {
+      console.log("Form submitted:", form);
+      // Here you can add code to send the form data to your backend or handle it as needed
+    };
 
-		return {
-			form,
-			handleSubmit
-		};
-	}
+    return {
+      form,
+      handleSubmit,
+    };
+  },
 });
 </script>
 

+ 2 - 2
src/views/modules/home/home.vue

@@ -121,12 +121,12 @@ const handleCheckedCitiesChange = (value: CheckboxValueType[]) => {
 
 const value = ref(true);
 
-import AddComponent from "@/components/add.vue"; // Adjust the path as necessary
+// import AddComponent from "@/components/add.vue"; // Adjust the path as necessary
 
 // Existing reactive references and methods...
 
 // Register the child component locally
-const AddComponent = defineAsyncComponent(() => import("@/components/add.vue"));
+// const AddComponent = defineAsyncComponent(() => import("@/components/add.vue"));
 </script>
 
 <style scoped lang="scss">