小程序子组件调用父组件方法、父组件调用子组件方法

embedded/2024/12/19 23:25:02/

1、子组件调用父组件方法

     子组件this.triggerEvent('finish');

    startShare(e) {let url = config.apiUrl + "/business/lzShare/edit";let data = this.data.currentData;util.httpPut(url, data).then((res) => {this.triggerEvent('finish');console.log(res.result);})},

父组件监听

bind:finish="finishShare"

    <view class="padding flex flex-col flex-space-between " ><share bind:finish="finishShare"  data="{{shareData}}"  style="margin-top:40px"></share></view>

2、父组件调用子组件方法

父组件index.json引用子组件

 父组件引用子组件,子组件设置id值 

调用

this.selectComponent('#filedir')

    saveMoveData(e) {this.filedir = this.selectComponent('#filedir')let url = config.apiUrl + "/business/lzDocs/changeDir";let param = {id: this.data.selectData.id, parentId: this.filedir.getSelect().id}util.httpPost(url, param).then((res) => {this.loadData();this.setData({showMove : false})})},

子组件的方法

// components/filedir/filedir.js
const icon = require('../../utils/icon.js');Component({/*** 组件的属性列表*/properties: {data:{}},observers: {'data': function(newVal, oldVal) {console.log("newVal====", newVal)this.setData({currentData: newVal, dirData: newVal})this.setData({navData: []})}},/*** 组件的初始数据*/data: {navData:[],currentData:[],},/*** 组件的方法列表*/methods: {getSelect() {if (this.data.navData.length == 0) {return null;} else {return this.data.navData[this.data.navData.length-1];}},}
})


http://www.ppmy.cn/embedded/147136.html

相关文章

pyparsing restOfLine

在 pyparsing 中&#xff0c;restOfLine 是一个解析器&#xff08;parser&#xff09;&#xff0c;用于匹配当前位置到行尾的所有内容&#xff0c;通常在解析文件或处理逐行数据时非常有用。 restOfLine 的特性 匹配内容&#xff1a;从当前位置一直匹配到换行符 \n 或字符串结…

StarRocks:存算一体模式部署

目录 一、StarRocks 简介 二、StarRocks 架构 2.1 存算一体 2.2 存算分离 三、前期准备 3.1前提条件 3.2 集群规划 3.3 配置环境 3.4 准备部署文件 四、手动部署 4.1 部署FE节点 4.2 部署BE节点 4.3 部署CN节点&#xff08;可选&#xff09; 4.4 FE高可用…

OpenAI 正式赋予 ChatGPT 通过视频实时与用户互动的能力

每周跟踪AI热点新闻动向和震撼发展 想要探索生成式人工智能的前沿进展吗&#xff1f;订阅我们的简报&#xff0c;深入解析最新的技术突破、实际应用案例和未来的趋势。与全球数同行一同&#xff0c;从行业内部的深度分析和实用指南中受益。不要错过这个机会&#xff0c;成为AI领…

1 JVM JDK JRE之间的区别以及使用字节码的好处

JDK jdk是编译java源文件成class文件的&#xff0c;我们使用javac命令把java源文件编译成class文件。 我们在java安装的目录下找到bin文件夹&#xff0c;如下图所示: 遵循着编译原理&#xff0c;把java源文件编译成JVM可识别的机器码。 其中还包括jar打包工具等。主要是针对…

idea中各种for循环的快捷键

写for循环快捷生成方式 1.普通for循环 快捷键方式&#xff1a;len.fori回车键(其中len为循环长度) 例如&#xff1a;编写10次循环 10.fori回车键得到的效果&#xff1a; for (int i 0; i < 10; i) {}2.增强for循环 快捷键方式&#xff1a;arr.for回车键(其中arr为需要…

java服务器中,如何判定是该使用单例系统,还是微服务架构,多库分布式,服务分布式,前端分布式

在设计Java服务器架构时&#xff0c;选择单例系统、微服务架构、多库分布式、服务分布式还是前端分布式&#xff0c;需要根据具体的业务需求、技术栈、团队规模和项目复杂度等因素进行综合考虑。以下是各个架构模式的适用场景和优缺点分析&#xff0c;帮助你做出决策。 1. 单例…

“包” 管理工具

文章目录 包管理工具之-npm,cnpm,pnpm,yarn包管理工具之源头依赖下载安装的完整性node 与 npm 之间的关系如何手动管理依赖手动管理依赖的优优缺点镜像源安装及下载cnpmpnpm(add(new),remove,install(配置文件下载))yarn(add(new),remove,install(配置文件下载)) 包管理工具之-…

Web 毕设篇-适合小白、初级入门练手的 Spring Boot Web 毕业设计项目:电影院后台管理系统(前后端源码 + 数据库 sql 脚本)

&#x1f525;博客主页&#xff1a; 【小扳_-CSDN博客】 ❤感谢大家点赞&#x1f44d;收藏⭐评论✍ 文章目录 1.0 项目介绍 2.0 用户登录功能 3.0 用户管理功能 4.0 影院管理功能 5.0 电影管理功能 6.0 影厅管理功能 7.0 电影排片管理功能 8.0 用户评论管理功能 9.0 用户购票功…