uniapp组件传递参数
时间: 2023-10-01 17:09:02 浏览: 172
uniapp+router+uview
uniapp组件传递参数有三种常见的方式:父组件向子组件传参、子组件向父组件传参、子组件向非父组件传参。
1. 父组件向子组件传参:可以通过props属性将数据传递给子组件。在父组件中,可以在子组件标签上使用属性绑定的方式将数据传给子组件。在子组件中,通过props接收传递过来的数据。
2. 子组件向父组件传参:可以通过自定义事件来实现子组件向父组件传参。在子组件中,通过$emit方法触发一个自定义事件,并传递参数。在父组件中,通过监听该自定义事件,并在事件处理函数中接收子组件传递的参数。
3. 子组件向非父组件传参:如果需要在非父组件中传递参数,可以使用全局事件进行传参。在子组件中,注册一个全局事件,并在事件触发时传递参数。在非父组件中,监听该全局事件,并在事件处理函数中接收传递的参数。
以上是uniapp组件传递参数的三种常见方式。
阅读全文