uni-app学习笔记之----传参、通讯
2024-09-08 19:18:51
1、页面传参
父级页面传递参数到详情页：
详情页得到参数：
打印：
2、组件通信
（1）子组件----》父组件：$emit()
（2）父组件----》子组件：props
（3）兄弟组件：
注册：uni.$on("事件名" , callback)
按需触发：uni.$emit("事件名" , callback)
组件A：
<template>
<view>
<button @click="addNum">修改B组件数据</button>
</view>
</template> <script>
export default {
name: "comA",
data() {
return { };
},
methods: {
addNum() {
uni.$emit("updateNum", 5)
}
}
}
</script> <style> </style>
组件B：
<template>
<view>
B组件num：{{num}}
</view>
</template> <script>
export default {
name: "comB",
data() {
return {
num: 0
};
},
created() {
uni.$on("updateNum", step => {
this.num += step
})
}
}
</script> <style> </style>
最新文章
- 烂泥：利用awstats分析nginx日志
- 浅谈Bluetooth蓝牙开发
- apache开启.htaccess及.htaccess的使用方法(转)
- Android init.rc执行顺序
- aapt命令介绍及常用命令实践
- TCP的那些事儿（上）
- Http协议之Get和Post的区别
- noip2011普及组——统计单词数
- [ActionScript 3.0] AS3调用百度地图API
- HttpWebRequest代理访问网站
- 详谈C++保护成员和保护继承
- SSM（Maven集成）
- 基于路由器物理接口的vlan间路由
- 3.Node.js 自定义微信菜单
- pytorch--nn.Sequential学习
- JMeter—后置处理器(十)
- 客户端负载均衡Ribbon之一：Spring Cloud Netflix负载均衡组件Ribbon介绍
- zookeeper安装和dubbo-admin使用
- SQL脚本去重分组统计
- prisma graphql 工具基本使用