uni-app 组件传值

最新推荐文章于 2024-06-06 20:20:04 发布
最新推荐文章于 2024-06-06 20:20:04 发布
阅读量320 收藏 8
点赞数 5
分类专栏： 程序员 文章标签： uni-app javascript 开发语言
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/2401_84092778/article/details/138494622
版权
本文介绍了uni-app中子组件如何通过props传递数据给父组件，以及非父子组件间的通信方法。通过实例展示了子组件使用$emit触发自定义事件传递参数，以及在非父子组件中通过全局自定义事件进行数据交换。此外，作者还分享了个人的开发经历和学习资源。
摘要由CSDN通过智能技术生成
  • 在子组件中 通过props去接收并处理

在这里插入图片描述

效果如下：

在这里插入图片描述

子传父

子组件中

在这里插入图片描述

  • 设置一个按钮 并注册点击事件

  • 在点击事件中我们通过$emit 方法调用自定义事件 参数一为自定义事件名称 参数二为传递的参数 在这里就是data数据中定义的name

最低0.47元/天 解锁文章
2401_84092778
关注
  • 5
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
前端easyUI日期选择器(日/周/月)示例
01-17
前端jquery+easyUI实现的日期选择器。 博文地址：https://blog.csdn.net/wanghuiWHI/article/details/135648572 Demo简要： 1.日期选择器可以提供日选择器、周选择器、月选择器 2.日选择器最大31天，选择起始日期后，在选择结束日期时，会在日历上默认开始日期+最大天数后的日期 3.周选择最大选择12个周，选择起始周后，在选择结束周时，会在日历上默认开始周+最大周数后所在周的最后一天 4.周选择器时，日历从星期一开始，星期天结束；每周的第一天是周一；每年的最后一天（即12月31号）所在的周是该年的最后一周，若包含来年的1号，则就归为去年的最后一周，否则就是来年的第一周 5.月选择器最大12个月，暂未实现，待完善
uni-app 富文本编辑 回显富文本和修改富文本！
11-21
uni-app 富文本编辑 回显富文本和修改富文本！uni-app 富文本编辑 回显富文本和修改富文本！uni-app 富文本编辑 回显富文本和修改富文本！uni-app 富文本编辑 回显富文本和修改富文本！uni-app 富文本编辑 回显富...
R | R及Rstudio安装、运行环境变量及RStudio配置
跳动的喵尾巴
09-26 2万+
R作为一个统计计算和图形绘制的开源软件，自身已包含多个不同功能的包，CRAN官方R包 >18000，利用R可轻松实现统计计算，数据可视化等功能。在R中，R 函数可以用来解决问题，R包是可以分享代码的基本单位，把具有相关功能的 R 函数打包起来。R包把代码，数据，文档和测试内容整合在一起，从而便于分享。总的来说，R 包是由社区开发（developed by the community）的功能（functions）和数据集（data sets）的集合。R 包初学者指南。
uniapp中父子组件的传值
最新发布
qq_36158551的博客
06-06 678
官方文档：https://uniapp.dcloud.io/vue-components?id=props在父组件中赋值时加上 .sync，在子组件中使用 this.$emit(‘update:title’,“uni-app”)改变值.sync 修饰符当一个子组件改变了一个 prop 的值时，这个变化也会同步到父组件中所绑定。.sync 它会被扩展为一个自动更新父组件属性的 v-on 监听器。-- 父组件 --><template><view></view><script>
vue 使用vue-json-viewer 展示 JSON 格式数据
qq_37831545的博客
05-29 8222
【代码】vue 使用vue-json-viewer 展示 JSON 格式数据。
VSCode插件大全
平安喜乐
12-29 1万+
VScode的一些插件 会持续更新
RStudio的安装
QT-Smile
08-21 7万+
安装RStudio教程 （如果下面的博客没有能解决你的问题或者你还有其他关于计算机方面的问题需要咨询可以加博主QQ：1732501467） 安装RStudio，总共分为三步： 一、安装R安装包 https://blog.csdn.net/qq_34848334/article/details/119707652?spm=1001.2014.3001.5501 二、安装RStudio ...
很好用的uni-app节点树组件！
06-23
【标题】"很好用的uni-app节点树组件！" 暗示了这是一个基于uni-app框架的组件，专用于创建和展示树形结构的数据。uni-app是一个多端开发框架，可以编写一次代码，同时发布到iOS、Android、H5、小程序等多个平台。这...
uni-app-日历组件
08-12
【uni-app日历组件详解】 在移动应用开发中，日历组件是一个常见且重要的功能，它允许用户方便地选择日期，常用于事件安排、日期输入等场景。uni-app作为一个跨平台的开发框架，提供了丰富的组件库，其中包括了日历...
uni-app登录实例的实现
10-29
这里可以使用uni-app的UI组件，如`<input>`创建输入框，`<button>`创建按钮。记得为这些元素添加相应的事件监听器，比如点击按钮时触发登录逻辑。 登录逻辑一般涉及网络请求，uni-app提供了uni.request()方法来发起...
uni-app基础.pptx
09-01
uni-app 是一个基于 Vue.js 的跨平台开发框架，它允许开发者使用一套代码库构建应用程序，这些应用程序可以部署在iOS、Android、H5以及各种小程序平台上，如微信、支付宝、百度、头条、QQ和钉钉。这极大地提高了开发...
R语言初级教程(02): RStudio的使用
weixin_42261607的博客
09-25 4万+
上一篇博客已经介绍了R和RStudio的安装，这篇博客将介绍RStudio的使用。 RStudio是R的一个集成开发环境（IDE）。不知道IDE的可以百度一下，IDE的目的就是要让开发更加快捷和方便。 如果你还没有安装RStudio，可以参考我上一篇博客**《R语言初级教程(01)：R编程环境的搭建》**进行安装。 注意：安装Rstudio前一定需要先安装R。 Rstudio 的好处很多，就不...
jQuery 下载与安装教程
m0_61031325的博客
05-14 2万+
jQuery的简介： jQuery 是一个 JavaScript 函数库。 jQuery 是一个轻量级的"写的少，做的多"的 JavaScript 库。 jQuery 功能概述： HTML 元素选取； HTML 元素操作； CSS 操作； ...
VUE展示JSON格式数据【vue-json-viewer】
sunshineTing2的博客
10-28 7366
VUE展示JSON数据
R及RStudio下载安装教程（超详细）
热门推荐
W_chuanqi的博客
03-21 23万+
R 语言是为数学研究工作者设计的一种数学编程语言，主要用于统计分析、绘图、数据挖掘。 如果你是一个计算机程序的初学者并且急切地想了解计算机的通用编程，R 语言不是一个很理想的选择，可以选择Python、C或Java。 R 语言与 C 语言都是贝尔实验室的研究成果，但两者有不同的侧重领域，R 语言是一种解释型的面向数学理论研究工作者的语言，而 C 语言是为计算机软件工程师设计的。 R 语言是解释运行的语言（与 C 语言的编译运行不同），它的执行速度比 C 语言慢得多，不利于优化。但它在语法层面提供...
VSCode必备插件！快看过来！
qq_50260510的博客
08-27 1万+
同学同学，你是不是也很头疼VSCode不知道安装什么插件啊？尤其是萌新小白，更是一头雾水，那就快来一起看看吧~
R和Rstudio的安装（超详细）
m0_73310789的博客
10-14 8980
步骤10：安装位置这里默认是C盘，可以选择浏览更改到其他盘，这里我更改到了D盘（这里要注意：更改后的位置要是全英文的，比如我这里的“D:\r\huamin”），然后点击下一步。步骤2：Windows10/11系统的用户可以直接点击第一张图中的install RStudio，其他系统的用户下滑可以根据自己的需要按第二张图进行对应的下载。步骤5：点击浏览修改安装位置（这里也要注意：更改后的位置要是全英文的，比如我这里的“D:\r\huamin”），点击下一步。步骤8：选择安装时的语言，中文（简体），点击确定。
vue中json格式化显示（vue-json-viewer）
stay hungry, stay foolish
03-12 3249
添加到JsonViewer的组件属性上复制粘贴下面的模板并且根据自定义的theme名称做对应调整。
VScode必备插件大全
qqjuanqq的博客
10-12 3万+
Vscode使用方便快捷的插件，小技巧提高效率
uni-app uni-popup如何传值
11-11
在uni-app中，可以通过给子组件设置ref属性来获取子组件实例，从而实现传值。具体步骤如下： 1.在父组件中给子组件设置ref属性，例如：ref="dialogSonName"。 2.在父组件中获取子组件实例，例如：this.$refs....
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值