微信小程序教程（第八篇）

#img-content{width:100%}#img-content img{ max-width: 100% !important;height: auto;margin: 0 auto;}

微信小程序教程（第八篇）

2017-01-16 Mr.Wu 宏记 宏记

宏记

微信号 hongji8410

功能介绍 分享互联网信息

js页面获取wxml页面的值

两种方式

1.通过对wxml页面设置以data-开头的属性标识符，在对应的事件的参数中获取

2.通过触发事件中的参数，获取参数值，存储到页面变量，这种是针对于可输入框组件，如input等

3.通过form表单组件提交获取（详情见 "关于form组件提交数据"）

1.以data-开关的属性标识符，wxml页面设置data-xxxx，后台js页面在对应事件中以e.target.dataset-xxxx获取

wxml页面：

js后台 (通常也是存储在页面变量中，以方便别的地方调用)：

2.触发相应事件的参数获取，只针对可输入框组件，如input

wxml页面：

JS页面(存储在页面变量中，以便别的地方可使用)：

定义：

存储：

使用：

3.form表单组件提交

   详情请见 “关于form组件提交数据”

欢迎关注公众号（hongji8410）和加入QQ群一起交流（522342554）

阅读

投诉