Project Init

src/components/pictureUpload/index.vue

@@ -45,18 +45,17 @@ const props = defineProps({
 
 
 watch(() => props.modelValue, (newVal) => {
-  console.log(newVal);
   previewUrl.value = newVal;
 });
 
 
 onMounted(() => {
-  console.log(props.modelValue);
   previewUrl.value = props.modelValue;
 });
 
 // const emit = defineEmits(["update:fileUrl"]);
-const emit = defineEmits(["input"]);
+const emit = defineEmits(["input","update:modelValue"]);
+
 
 
 const handlePictureCardPreview = (file: UploadFile) => {
@@ -80,8 +79,9 @@ function upload(file: any) {
   fd.append("file", file.file);
   fileUpload(fd).then(res => {
     previewUrl.value = res.data.previewUrl;
+    console.log(previewUrl.value);
     // emit("update:fileUrl", previewUrl.value);
-    emit("input", previewUrl.value);
+    emit("update:modelValue", previewUrl.value);
   });
 }
 

src/views/backend/enterprise/mediapromotion/ad/popupForm.vue

@@ -26,7 +26,7 @@
             </el-select>
           </el-form-item>
           <el-form-item prop="adUrl" label="上传图片">
-            <pictureUpload v-model="baTable.form.items!.adUrl"></pictureUpload>
+            <pictureUpload v-model="baTable.form.items!.adUrl" @input="test"></pictureUpload>
           </el-form-item>
         </el-form>
       </div>
@@ -63,7 +63,14 @@ const rules: Partial<Record<string, FormItemRule[]>> = reactive({
   adUrl: [{ required: true, message: "请选择", trigger: "blur" }],
 });
 
+watch(()=>baTable.form.items!.adUrl,(n,o)=>{
+  console.log(n);
+})
 
+function test(event:any){
+  console.log(event);
+
+}
 
 </script>