当前位置: 首页 > 工具软件 > v-modal > 使用案例 >

v-modal进行父子组件间的传值

鲁永福
2023-12-01
// 父组件

<el-form-item label="Banner图" prop="bannerImages">
    <image-list-upload v-model="queryByAdd.bannerImages"></image-list-upload>
</el-form-item>
// 子组件
props:{
    value: {
        type: Array,
        default: () => {
          return [];
        }
     }
}

handleUploadSuccess(res, file) {
      this.$message.success("上传成功");
      console.log(res,file)
      this.$emit("input",res);
},

props里面的value属性默认接受父组件的v-model

使用this.$emit('input', value[1])向父组件回传v-model值,第一个参数必须为input

 类似资料: