《微信小程序开发从入门到实战》学习十六
2023-11-16 本文已影响0人
阿宅白石
第三章 开发第一个小程序
3.3 开发创建投票页面
3.3.2 修改模拟器中的启动页面
通过页面跳转的方式预览第二个页面内容不方便。
微信开发工具的工具栏有一个编译模式的设置:

选择“添加编译模式”,

加一个便于区分的名称,点击确定。
模拟器默认显示的页面就变成刚刚创建的页面了,十分方便调试。
3.3.3 使用 form表单组件
创建单选投票是一个表单页面,需要添加form组件作为所有表单组件的父元素:
createVote.wxml
<view class="container">
<form bindsubmit="formSubmit" bindreset="formReset">
</form>
</view>
bindsubmit和bindReset是将submit和reset绑定到页面JS文件中的两个函数上。
触发表单的重置和提交需要button表单组件,后面学到。
在createVote.js将两个函数声明处理,通过todo提醒以后写,代码如下:
Page({
formSubmit(){
//todo
},
formReset(){
//todo
}
})