微信小程序页面与js方法传值的用法

页面与js方法传值

微信小程序页面与js方法与传统的方法不一致,需要传的值不能直接写在()里面,需要自己定义属性

定义方法后,自定义属性data-src(data-固定,后面是自定义,比如data-abc、data-adcd都可以),“=”后面填值。注意:微信小程序填写变量是{{abc}}这种模式

微信小程序页面与js方法传值的用法

 

微信小程序页面与js方法传值的用法

 

从组件中取值(以input  type='text'为例)

在js的function里调用var age = e.detail.value获取参数值(注:e即event参数,可console.log(e)一下查看其中参数)

微信小程序页面与js方法传值的用法

ckxx(e){

console.log(e.detail.value)

},

 

最后附一张微信开发手册input控件的截图及网址:

https://developers.weixin.qq.com/miniprogram/dev/component/input.html

微信小程序页面与js方法传值的用法