vue2父子组建传递数据-编程知识

vue2父子组建传递数据

news/2024/11/15 19:36:05/文章来源:https://www.cnblogs.com/timevalue/p/18352993

父子组建通信代码demo
父页面父页面编写handleUploadNew 接收子组建uploadNew 传上来的对象
父页面传递tempUrl 给子页面初始化数据
<Upload :temp-url="tempUrl" @uploadNew="handleUploadNew" />

子组件里面

props: {
tempUrl: {
type: String,
default: ''
}
},

handleImageSuccess(data) {this.tempUrl = 'https://xxxx.cn/' + data.keythis.file.url = this.tempUrlthis.file.path = data.keythis.$emit('uploadNew', this.file) //提交一个对象给父组件},

本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处：http://www.hqwc.cn/news/781077.html

如若内容造成侵权/违法违规/事实不符，请联系编程知识网进行投诉反馈email:809451989@qq.com，一经查实，立即删除！

021.Vue3入门，组件基础，显示一个经典的布局样式

1、一个经典的样式布局2、App.vue代码如下：<template><Header/><Main/><Aside/> </template><script> import Aside from "./view/Aside.vue"; import Main from "./view/Main.vue"; import Header from "./vie…

基于GWO灰狼优化的CNN-GRU的时间序列回归预测matlab仿真

1.算法运行效果图预览 (完整程序运行后无水印) 2.算法运行软件版本 matlab2022a3.部分核心程序（完整版代码包含详细中文注释和操作步骤视频）a=2*(1-(t/Iters)); for i=1:Numfor j=1:dim r1 = rand; r2 = rand;A1 = 2*a*r1-a;%C1 = 2*r2; %D_a…

基于PSO粒子群优化的车间调度问题求解matlab仿真,输出甘特图

1.程序功能描述基于PSO粒子群优化的车间调度问题求解matlab仿真,输入不同机器，不同工作的完成时间，输出甘特图,输出收敛图。实现车间多机器，多任务最优并行调度。2.测试软件版本以及运行结果展示 MATLAB2022a版本运行 3.核心程序for iter = 1: Itersiterfor i=1:N_pso%V,X更…

基于智能电网系统的PQ并网控制器simulink建模与仿真

1.课题概述在simulink中，通过建模实现智能电网系统的PQ并网控制器，仿真输出PQ控制器的控制输出，以及智能电网的三相电压电流的收敛输出。2.系统仿真结果3.核心程序与模型版本：MATLAB2022a 00054.系统原理简介介绍了基于智能电网系统的PQ并网控制器的原理和数学公式。首先…

020.Vue3入门，sytle中加入scoped只在这个文件中生效

1、全局代码App.vue如下<script setup> import Testpage001 from ./view/Testpage001.vue import Testpage002 from ./view/Testpage002.vue </script><template><div class="style1">测试1</div><Testpage001/><Testpage002…

018.Vue3入门，sytle中加入scoped只在这个文件中生效

region format is illegal, only digit, letter and - is allowed!（.env文件中行内注释导致！！）

引子：一个图片上传功能，用腾讯云cos，一直找不到错误原因，结果是.env文件中的行内注释！错误描述上传图片代码def action_upload_img_cloud(request):user = CustomUser.objects.get(id=request.user_id)file = request.FILES[img]file_name = file.nameunique_file_name = …

Knife4j文件上传不显示上传选择文本域

Knife4j 4.5.0 @RequestParam改用@RequestPart即可 @Operation(summary = "上传文件") @PostMapping("upload") public Result<String> upload(@RequestPart MultipartFile file) throws Exception {String url = fileService.upload(file);return R…