How to use global functions to pass parameters between uniapp components
The method of using global functions to pass parameters between uniapp components: 1. Listen to the global function in the component that receives the parameters; 2. Register the global function in the component that passes the parameters, the code is [uni.$emit( 'Function name', parameters)].
The operating environment of this tutorial: windows7 system, uni-app2.5.1 version, Dell G3 computer.
Recommended (free): uni-app development tutorial
Utilize global functions between uniapp components Method of passing parameters:
1. Listen to the global function in the component that receives the parameters
uni.$on('函数名',(形参数)=>{ ... });
2. Register the global function in the component that passes the parameters
uni.$emit('function name', parameters)
Code example:
Receive parameters:
<template> <view>meme {{this.num}}</view> </template> <script> export default{ data() { return{ num:12 } }, created() { uni.$on('update',(num)=>{ this.num=num; }); } } </script> <style> </style>
Pass parameters:
<template> <view> <button type="primary" @click="get">按钮</button> <me></me> </view> </template> <script> import det from '../detail/detail.vue' import me from '../me/me.vue' export default{ data() { return{ imgArr:['a'], num2:11 } }, components:{ det, me }, methods:{ get() { uni.$emit('update',this.num2); } } } </script> <style scoped> @import url("../css/a.css"); .box{ height: 375rpx; width: 375rpx; /* #ifdef H5 */ background-color: #4CD964; /* #endif */ /* #ifdef APP-PLUS */ background-color: #007AFF; /* #endif */ } .box1{ background-color: #007AFF; } </style>
Related free learning recommendations: Programming videos
The above is the detailed content of How to use global functions to pass parameters between uniapp components. For more information, please follow other related articles on the PHP Chinese website!

Hot AI Tools

Undresser.AI Undress
AI-powered app for creating realistic nude photos

AI Clothes Remover
Online AI tool for removing clothes from photos.

Undress AI Tool
Undress images for free

Clothoff.io
AI clothes remover

Video Face Swap
Swap faces in any video effortlessly with our completely free AI face swap tool!

Hot Article

Hot Tools

Atom editor mac version download
The most popular open source editor

EditPlus Chinese cracked version
Small size, syntax highlighting, does not support code prompt function

SublimeText3 Mac version
God-level code editing software (SublimeText3)

Safe Exam Browser
Safe Exam Browser is a secure browser environment for taking online exams securely. This software turns any computer into a secure workstation. It controls access to any utility and prevents students from using unauthorized resources.

SAP NetWeaver Server Adapter for Eclipse
Integrate Eclipse with SAP NetWeaver application server.
