uniapp中父组件调用子组件方法

news/2024/12/2 20:53:53/

实现过程(setup语法糖形式下)

  1. 在子组件完成方法逻辑,并封装。
  2. 在子组件中使用defineExpose暴露子组件的该方法。
  3. 在父组件完成子组件ref的绑定。
  4. 通过ref调用子组件暴露的方法。

子组件示例

<template>
</template><script setup>
import { defineEmits } from 'vue';// 方法的定义
const contentIsEmpty = () => {uni.showModal({title: `请先完成"${props.name}"的输入`,showCancel: false})
}// 暴露方法
defineExpose({contentIsEmpty
})
</script><style lang="scss" scoped>
</style>

父组件示例

<template><!-- 绑定ref --><ContentInput name="xxx" ref="contentInputRef"/>
</template><script setup>// 导入组件import ContentInput from '@/components/content/content.vue';// 定义refconst contentInputRef = ref(null)// 调用子组件所暴露的方法contentInputRef.value.contentIsEmpty()
</script><style lang="scss" scoped>
</style>

http://www.ppmy.cn/news/1551842.html

相关文章

网易博客旧文-----安卓界面代码例子研究(三)

安卓界面代码例子研究&#xff08;三&#xff09; 2014-03-19 14:01:17| 分类&#xff1a; 安卓开发 | 标签&#xff1a; |举报 |字号大中小 订阅 续三 本文对安卓SDK带的例子做了研究&#xff0c;主要讲运行后的界面抓取出来&#xff0c;供以后使用的时候参考。 一、文字切换…

机器学习之RLHF(人类反馈强化学习)

RLHF(Reinforcement Learning with Human Feedback,基于人类反馈的强化学习) 是一种结合人类反馈和强化学习(RL)技术的算法,旨在通过人类的评价和偏好优化智能体的行为,使其更符合人类期望。这种方法近年来在大规模语言模型(如 OpenAI 的 GPT 系列)训练中取得了显著成…

用go语言写一个小服务

文章目录 简介重新想到go 小服务main.go部署测试 结束语 简介 golang的优势 响应速度&#xff1a; Go > Java > Python 内存占用&#xff1a; Go < Java < Python 从java转go&#xff0c;然后go又转java&#xff0c;感觉就是go虽然在编译、内存占用都强于java&am…

【Vue3】弹窗添加鼠标hover上边缘左、下的的拉伸宽度高度操作

需求 鼠标移动上去可以拖拽容器宽度和高度 代码 省略了一些代码&#xff0c;但应该都看得懂吧~就是两条线添加 mousedown 事件&#xff0c;记得 mousemove 要挂载到 document 上&#xff01;&#xff01;&#xff01; <div class"line-w" mousedown"sta…

WEEXNews「昨夜今晨重要资讯,11月27日

1️⃣美国法院裁定OFAC越权制裁Tornado Cash智能合约 2️⃣美联储会议纪要&#xff1a;未来倾向“渐进”降息&#xff0c;有暂停可能 3️⃣特朗普政府考虑让CFTC主导数字资产监管 4️⃣巴西议员提出比特币储备法案&#xff0c;拟将国库储备的5%分配至比特币 5️⃣摩洛哥或将正式…

Python读取摄像头视频并将其保存为MP4文件

在Python中读取摄像头视频并将其保存为MP4文件&#xff0c;通常需要使用OpenCV库。OpenCV是一个强大的计算机视觉库&#xff0c;它提供了丰富的功能来处理图像和视频。 以下是一个简单的示例代码&#xff0c;展示了如何使用OpenCV从摄像头读取视频并将其保存为MP4文件&#xf…

【llamafactory】安装与环境配置

拉取镜像 git clone --depth 1 https://github.com/hiyouga/LLaMA-Factory.git cd LLaMA-Factory创建虚拟环境 conda create -n llamafactory python3.10 conda activate llamafactory安装所需依赖 pip install -e ".[torch,vllm,optimum,auto_gptq]"

区块链学习笔记(2)--区块链的交易模型part1

模型基础 区块链的tx分为两种模型&#xff0c;分别是比特币为代表的UTXO&#xff08;Unspent Transaction Output&#xff09;模型&#xff0c;和以太坊为代表的Account模型。前者适用于货币记账&#xff0c;后者适用于链上应用。 UTXO模型 类似于现金的交易模型 一个tx包含…