微信小程序实现wxml视图向js传递参数的方法（点击view带参数进入js）
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了微信小程序实现wxml视图向js传递参数的方法（点击view带参数进入js）相关的知识，希望对你有一定的参考价值。
参考技术A一：url带参数传递
与前端语言一样，小程序页面间的传递可以通过在路由url后接参数，路由的同时会将参数一并传递到新的页面。
index.wxml:
效果图：
二：将值存入全局变量
我们同样可以将需要的值存入全局变量中，在需要的地方直接引用就好了。
需要用到全局变量时记得要先获取应用实例： const app = getApp()
**三， 用event传值
JS文件
微信小程序父子组件通信
参考技术A 用于父组件向子组件指定属性设置数据，无法将方法传递给子组件实例：
父组件：
js中声明一个变量count
wxml
渲染父组件count
在父组件引用子组件,并进行属性绑定，把父组件count值传给子组件
子组件
在子组件的js中接收
子组件wxml中进行渲染
结果：
用于子组件向父组件传递数据，可以传递任意数据
子组件
触发加1按钮之后传递给父组件
父组件：
js
创建事件
wxml
绑定自定义事件
父组件通过this.selectComponent()获取子组件实例对象，可以访问子组件任意数据和方法
父组件进行调用时需要传入一个id或者class选择器
父组件
wxml
js
拿到子组件实例对象，直接为子组件进行赋值
修改父组件count值
以上是关于微信小程序实现wxml视图向js传递参数的方法（点击view带参数进入js）的主要内容，如果未能解决你的问题，请参考以下文章