weui 必填_小程序开发WeUI填坑(一)

第一个坑：没有双向绑定

用惯了vue之后，习惯了数据的双向绑定，再用小程序，发现小程序采用"{{}}"这个符号，但是在输入框输入值的时候，并未改变data里面的属性的值。而是要人为的使用this.setData({})方法给其赋值。

第二个坑：WeUI文档简洁

原生组件WeUI官方文档写的太过简洁了，很多方法属性都没有例子，对于初学者来说的确不友好，且网上关于其资料也较少，这里以WeUI表单自定义验证举例子。

这一段是关于自定义验证的描述，但是并未有任何demo演示。。。好吧，全靠自己摸索它的写法。按照以前vue的思路，我是定义一个名字，然后在data中对该名字进行校验，想着WeUI思路应该也是一样。

这里以验证，如果输入的值为123，则验证不通过吧。

wxml代码与上篇文章一样，这里改一下username的验证地方。

在rules规则下面加一个validator的方法。写法如下：

1 validator: (rule , value , params , models) =>{2 debugger

3 if (value === '123') {4 return rule.message = '验证123不通过';5 } else{6 return rule.message = '';7 }8 },

第一个参数rule表示的就是外层rules的验证规则，目前有用的参数就只有message。

第二个参数value表示的是使用这个验证组件的值。

第三个参数params目前没用到。

第四个参数models表示的是在form中所有的实体对象。

在它自带的form.js中有一段关于message的判断如下所示

很简洁，就是获取刚刚的rule.message，有没有值。这里可以看到它已经获取到了。

而后如果有值，则表示验证失败，改变isFail的状态返回给验证消息。

从而实现一次完整的回调。

再看看界面输出的内容。

嗯。。。是正确的结果，好了这就是关于表单自定义验证的一些注意事项。

weui 必填_小程序开发WeUI填坑(一)相关推荐

微信小程序开发的那些坑，你踩过吗？
微信小程序开发的那些坑,你踩过吗? textarea组件value不显示 textarea组件默认值绑定data数据真机不显示问题 |?链接使用.switchTab跳转到tabbar页传递参数问题 ...
lpc2000 filash utility 程序烧写工具_重点必看 | 取证小程序开发之第四届美亚杯硬盘信息快速解题...
告别金秋十月,迎来仲冬十一月,同时迎来的是首届电子数据取证小程序大赛.随着投稿截止时间的一天天到来,越来越多的用户参与到本次小程序大赛,用自己的力量参与取证知识创新,为营造良好的取证技术生态赋能. 上 ...
android开发工具哪个好_小程序开发工具怎么用？哪个好用？
想要开发微信小程序,在没有太多资金找外包团队定制.自建团队开发时,就需要你自己通过小程序开发工具来生成小程序了.现在各种开发工具很多,到底小程序开发工具有哪些?这些微信小程序开发工具哪个好用?根据我的 ...
微信开发者工具无法选择预览和真机调试_小程序开发第二篇：使用微信小程序开发者工具、wepy框架初始化项目...
1.微信小程序开发者工具使用: 小程序原生开发:直接使用小程序开发者工具打开项目即可小程序框架开发:首选官方提供类vue.js开发框架 wepy.js ,备选 mpVue.我们选择的是 wepy ...
amos看拟合度在哪里看_小程序开发公司哪里强？看这几点
如今小程序开发已不罕见,越来越多的线下商家需要布局线上渠道,小程序是一个非常好的选择.但是,对于不懂任何技术.也没有自身技术团队的小白而言,若想拥有自己的小程序,就需要找靠谱的微信小程序开发公司,但是 ...
web api接口开发实例_小程序开发如何调用 API 接口,以豆瓣电影为例
API 调用是开发者在小程序开发过程中经常会遇到的问题,本期我们以为调用豆瓣电影 API 为例具体来看 API 的调用过程以及常见的一些问题. 测试用到的小程序是「电影周周看」,内容来自清华大学软件学 ...
小程序确定取消弹窗_小程序开发之弹出框
小程序开发过程中,很多地方为了便利我们多采用小程序自带弹出框来实现交互效果.这也够大多数开发使用,下面我给大家详细介绍下小程序弹出框 wx.showToast() title:显示的提示信息,在没有图 ...
备案域名绑定服务器后提示需要备案_小程序开发需要多少钱？
现在越来越多的企业想通过微信小程序来宣传产品,为什么小程序那么火爆呢?奥晶科技为您解答,其优点不言而喻: 1. 小程序建设的成本比APP建设成本低: 2. 小程序能紧跟市场发展潮流,随时更新功能: 3 ...
企业微信小程序_小程序开发工具及真机调试_host配置及代理
文章目录一.开发前准备 1. 开发文档 2. 工具安装 3. 安装插件 4. 调整编译模式 5. 选择企业 6. PC 调试前端 7. PC 调试后端二.甄姬调试前端 2.1. 预览小程序 2.2 ...
大型程序是如何开发的_小程序开发好之后如何引流
现在做小程序的企业越来越多,不过也遇到了一个现实的问题,那就是找人开发了小程序之后,小程序里面没有流量,这里小编要和大家聊一下,小程序引流对于小程序营销来说是很重要的,就相当于开了个公司,没有业务员, ...

weui 必填_小程序开发WeUI填坑(一)

weui 必填_小程序开发WeUI填坑(一)相关推荐

最新文章

热门文章