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

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

先定义子组件的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实现主从复制代码
富文本编辑器wangEdiotr报错Error in callback for watcher "value": "Error: Cannot find a descendant at path [0,2] in node

富文本编辑器wangEdiotr报错Error in callback for watcher "value": "Error: Cannot find a descendant at path [0,2] in node

富文本编辑器wangEdiotr作为vue组件使用时,上传图片后,再打开报错Error in callback for watcher "value": "Error: Cannot find a descendant at path [0,2] in node
NVM管理nodejs的多个版本

NVM管理nodejs的多个版本

通过将多个node 版本安装在指定路径,然后通过 nvm 命令切换时,就会切换我们环境变量中 node 命令指定的实际执行的软件路径。 使用场景:比如我们手上同时在做好几个项目,这些项目的需求都不太一样,导致了这些个项目需要依赖的nodejs版本也不同,这种情况下,我们就可以通过nvm来切换nodejs的版本,而不需要频繁地下载/卸载不同版本的nodejs来满足当前项目的要求
AI工具集(国内版)汇总-更新至2024年

AI工具集(国内版)汇总-更新至2024年

AI工具集(国内版)汇总-更新至2024年
如何搭建一个自己的github?开源GitLab 的安装方法

如何搭建一个自己的github?开源GitLab 的安装方法

GitLab 是一款功能强大的版本控制工具,可实现代码管理、协作和部署的无缝工作流程。版本控制是指追踪和管理软件开发过程中对代码文件、配置文件和文档所做的更改