uniapp组件传值的方法有哪些


这篇文章主要介绍“uniapp组件传值的方法有哪些”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“uniapp组件传值的方法有哪些”文章能帮助大家解决问题。创建子组件comp.vue,然后在index.vue父页面使用该组件:可以看到在上面的index页面中有一个数据为name,我们下面使用props将父组件的name值传给子组件comp.vue。首先在父组件中使用子组件的上面进行绑定传参:然后在子组件comp.vue中使用props接收父组件传过来的值:然后设置一个点击事件打印拿到的name的值打印的值:在子组件中使用this.$emit对父组件进行传值在comp.vue中:在index.vue中:定义openMsg方法绑定给@getMsg然后写openMsg方法:打印传过来的值结果如下:这样子组件编写的值传到了父组件中打印了出来父给子传值还是使用props方法,只是传对象的话写法有些区别在父组件中:现需要将song中songList的值传过去子组件中进行接收:运行结果免费云主机域名:这样就能把对象的值传过来并且渲染:关于“uniapp组件传值的方法有哪些”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注百云主机行业资讯频道,小编每天都会为大家更新不同的知识点。

相关推荐: Gitlab-runner+Docker怎么实现自动部署SpringBoot项目

这篇“Gitlab-runner+Docker怎么实现自动部署SpringBoot项目”文章的知识点大部分人都不太理解,所以小编给大家总结了以下内容,内容详细,步骤清晰,具有一定的借鉴价值,希望大家阅读完这篇文章能有所收获,下面我们一起来看看这篇“Gitlab…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

Like (0)
Donate 微信扫一扫 微信扫一扫
Previous 05/17 08:54
Next 05/17 08:54

相关推荐