uniapp实现父组件调用子组件函数的方法

作者:admin 发布时间:2024-02-19 17:14:51 浏览:2508次

先定义子组件的getCLipContent函数,然后在父组件引用子组件,通过ref的方法调用


父组件.vue


引用子组件并定义ref=“so”
<so-goods-content ref="so"></so-goods-content>



<script>
	export default {
		data() {
			return {
				
			}
		},
		onShow() {
			//获取剪贴板内容
			this.$refs.so.getCLipContent()
		},
		methods: {
			 
		}
	}
</script>



子组件.vue


methods:{
			//获取剪辑版内容
			getCLipContent() {
				let that=this
				
				uni.getClipboardData({
					success: function(res) {
						console.log(res.data);
						//请求数据
						that.model_show=true
						console.log("获取剪辑版内容")
					}
				})
			},
		}	



如需转载请保留本文出处: https://zhe94.com/963.html

上一篇:懂懂日记:一点委屈
下一篇: mysql实现主从复制代码
纯css实现角标效果-css属性clip-path

纯css实现角标效果-css属性clip-path

最近在做一个项目想要实现以下的角标效果,可以使用css属性clip-path来实现。
uniapp实现父组件调用子组件函数的方法

uniapp实现父组件调用子组件函数的方法

先定义子组件的getCLipContent函数,然后在父组件引用子组件,通过ref的方法调用
 mysql实现主从复制代码

mysql实现主从复制代码

mysql实现主从复制相关代码记录
宝塔面板登录ssl关闭不了怎么办?

宝塔面板登录ssl关闭不了怎么办?

云服务器安装宝塔面板时,不小心开启了SSL,应该如何关闭?
Chat2DB的WEB端在安装部署在服务器上

Chat2DB的WEB端在安装部署在服务器上

Chat2DB 是一款有开源免费的多数据库客户端工具,支持windows、mac本地安装,也支持服务器端部署,web网页访问。和传统的数据库客户端软件Navicat、DBeaver 相比Chat2DB集成了AIGC的能力,能够将自然语言转换为SQL,也可以将SQL转换为自然语言,可以给出研发人员SQL的优化建议,极大的提升人员的效率,是AI时代数据库研发人员的利器,未来即使不懂SQL的运营业务也可以使用快速查询业务数据、生成报表能力
TinyVue - 华为云 OpenTiny 出品的企业级前端 UI 组件库,免费开源,同时支持 Vue2 / Vue3,自带 TinyPro 中后台管理系统

TinyVue - 华为云 OpenTiny 出品的企业级前端 UI 组件库,免费开源,同时支持 Vue2 / Vue3,自带 TinyPro 中后台管理系统

TinyVue 是一个基于 Vue 的 UI 组件库,交互细腻,设计优雅,有很多独有的组件,比如云服务中经常遇到的 IP 地址输入框组件,体验非常好。整体和 Element / Ant Design 这些知名的前端组件库相比也毫不逊色。