1,Form Form表单组件,结合Cell、Checkbox-group、Checkbox组件等做表单校验。 { "component": true, "usingComponents": { "mp-toptips": "../components/toptips/toptips", "mp-cells": "../components/cells/cells", "mp-cell": "../components/cell/cell", "mp-checkbox": "../components/checkbox/che...
<mp-form id="form" rules="{{rules}}" models="{{formData}}"> <mp-cells title="信息绑定" > <mp-cell prop="name" title="姓名" ext-class="cell" > <input bindinput="formInputChange" data-field="name" class="weui-input"/> </mp-cell> <mp-cell prop="phone" title="手机号" ext...
//example.wxml <form bindsubmit="submit" report-submit='true' > <button form-type="submit" type="default" size="mini">提交</button> </form> //example.js submit: function (e) { console.log(e.detail.formId); } 1. 2. 3. 4. 5. 6. 7. 8. 9. 注意:因为我们是在开发者工具中测试...
"mp-toptips": "weui-miniprogram/toptips/toptips", "mp-form": "weui-miniprogram/form/form", "mp-uploader": "weui-miniprogram/uploader/uploader", "mp-checkbox": "weui-miniprogram/checkbox/checkbox", "mp-checkbox-group": "weui-miniprogram/checkbox-group/checkbox-group", "mp-cells": "weui-min...
<image class="avatar" src="{{avatarUrl}}"></image> </button> <mp-form> <mp-cells> <mp-cell title="昵称"> <input type="nickname" class="weui-input" placeholder="请输入昵称" /> </mp-cell> </mp-cells> </mp-form> </view>回答...
在需要使用WeUI组件的页面的json文件中，添加"usingComponents"配置项，例如："usingComponents": { "mp-form_page": "/miniprogram_npm/weui-miniprogram/form/form_page" }。在对应的wxml页面中，可以直接使用WeUI提供的组件。例如：page-meta root-font-size="system"view class="page" data-weui-...
name}}</view> </picker> </mp-cell> </label> </mp-cells> </mp-form> <view slot="button"> <button class="weui-btn" type="primary" bindtap="submitForm">确定</button> </view> </mp-form-page> 加下来我们去写提交举报事件 submitForm() { if (this.data.jbyy != '') { db....
为了更好的理解微信小程序,本文90%文字描述来源于官网的介绍。官网原链接https://mp.weixin.qq.com/debug/wxadoc/dev/component/?t=20161222
{"usingComponents":{"mp-cell":"../../miniprogram_npm/weui-miniprogram/cell/cell","mp-cells":"../../miniprogram_npm/weui-miniprogram/cells/cells","mp-form":"../../miniprogram_npm/weui-miniprogram/form/form"}} js 工具、以 js-base64 例子 ...
<mp-form-page title="取消选座" subtitle="请根据下方原因选择提交,在规定时间内取消选座将暂时不扣除信用值。"> <mp-form id="form" rules="{{rules}}" models="{{formData}}"> <mp-cells title="选择取消原因"> <mp-checkbox-group prop="radio" multi="{{false}}" bindchange="radioChange"> ...