个人案例
- 编程运算计算器
逻辑运算,进制运算(不限制),基本运算
开发语言基本运算器扫码体验
你还不如使用if判断,准备多个input
input渲染后动态更改type类型,从number更改为digit失败?<!--index.wxml--> <view class="container"> <button bindtap="changeList">切换</button> <view class="list"> <view class="list-item" wx:for="{{list}}" wx:key="{{index}}"><input type="{{item.type}}" /></view> </view> </view> /**index.wxss**/ .list-item{ margin-top:20rpx; } .list-item input{ display: block; width: 100%; height:60rpx; line-height: 60rpx; font-size: 40rpx; border:1px solid black; } //index.js //获取应用实例 const app = getApp() Page({ data: { motto: 'Hello World', userInfo: {}, hasUserInfo: false, canIUse: wx.canIUse('button.open-type.getUserInfo'), list:[ {type:'digit',name:'测试'}, {type:'digit',name:'测试'}, {type:'number',name:'测试'}, {type:'digit',name:'测试'}, {type:'number',name:'测试'}, ] }, //事件处理函数 changeList(){ let list=this.data.list; list.forEach(tmp=>{ tmp.type='number' }) console.log(list); this.setData({ list }) }, bindViewTap: function() { wx.navigateTo({ url: '../logs/logs' }) }, onLoad: function () { if (app.globalData.userInfo) { this.setData({ userInfo: app.globalData.userInfo, hasUserInfo: true }) } else if (this.data.canIUse){ // 由于 getUserInfo 是网络请求,可能会在 Page.onLoad 之后才返回 // 所以此处加入 callback 以防止这种情况 app.userInfoReadyCallback = res => { this.setData({ userInfo: res.userInfo, hasUserInfo: true }) } } else { // 在没有 open-type=getUserInfo 版本的兼容处理 wx.getUserInfo({ success: res => { app.globalData.userInfo = res.userInfo this.setData({ userInfo: res.userInfo, hasUserInfo: true }) } }) } }, getUserInfo: function(e) { console.log(e) app.globalData.userInfo = e.detail.userInfo this.setData({ userInfo: e.detail.userInfo, hasUserInfo: true }) } }) demo复现问题:单机按钮,将表单类型从digit转化为number,数据是渲染成功了,但是真机调试,按钮键盘还是原来的digit,没有改为number,这是为什么
2020-06-23监听手势或许可行
scroll-view的滚动问题?小伙伴儿们,我有这样一个需求,可以向下滚动加载内容信息,也可以向右滚动加载内容信息,scoll-view组件能不能胜任这个需求?不仅要在scroll-y上滚动加载,也要在scroll-x上滚动加载?
2020-05-21你的写法没看懂,不过你是不是忘了这个步骤,数据合并了 var arry = that.data.arry; arry = arry.concat(arryBack); that.setData({ arry: arry });
为什么拓展组件tabs在上拉加载更多数据后滚动条会回到顶部?最近做项目 , 有一个左右滑动切换的需求 ,用了微信拓展组件tabs , 但是在用scroll-view做上拉加载更多数据这个功能的时候 , 发现只要加载出新的数据,scroll-view就会自动回到最顶部 , 后来发现可能是setData的时候导致页面重置, 于是去网上搜索到了一种局部刷新的方法 ,发现也不行 ,这里附上代码片段 ,我这里只用setData更新了第一行数据 ,也导致scrollview滚到了最顶部 https://developers.weixin.qq.com/s/GqsZOgmg7jhp
2020-05-12太卡或者性能不会就会出现,一般模拟器经常出现,可以忽略
ios input输入过快会闪烁,值也会不准确,会删除<view wx:if="{{merchantType != 1}}"> <view class="public"> <text class="one">身份证号:</text> <input type="text" placeholder="请输入身份证号" value="{{cardNo}}" bindinput="getCarNo" disabled="{{disabled}}"/> </view> </view> // 获取输入的身份证号 getCarNo(e) { this.setData({ cardNo: e.detail.value }) console.log(e.detail.value); },
2020-05-12干货建议创建时间: new Date(‘xxx’.replace(/-/g, '/')); 因为苹果系统yyyy-MM-dd对这种时间格式会出错; 所以建议你使用yyyy/MM/dd
小程序使用时间选择器Picker时赋值,Andorid手机生效 、IOS不生效(显示start值)?[图片] [图片] @社区技术运营专员-灵芝 @社区技术运营专员-娇华 ,求解,谢谢!
2020-05-12你看看弹性布局的影响,我一般都是scroll-view下面在包一个view,然后使用弹性布局
如何解决页面添加scroll-view组件后弹窗内容中的input组件出现光标错位?页面添加scroll-view组件后弹窗内容中的input组件出现光标错位,全部机型都会
2020-05-12https://developers.weixin.qq.com/community/develop/article/doc/0002a45c3c08f0b73289fce545a413
简易双向绑定 无法使用https://developers.weixin.qq.com/miniprogram/dev/framework/view/two-way-bindings.html 这个不能用啊 还是文档里的这个不能用
2020-04-22放弃吧,地球人 双向绑定方案:https://developers.weixin.qq.com/community/develop/article/doc/0002a45c3c08f0b73289fce545a413
基础库2.9.4,支持双向绑定?[图片] 基础库2.9.4,支持双向绑定,点击详情提示页面不存在。这里的双向绑定是什么意思?是类似于vue的v-model吗?如果是的话,怎么使用?例如input,如何直接实现双向绑定?
2019-12-30双向绑定方案:https://developers.weixin.qq.com/community/develop/article/doc/0002a45c3c08f0b73289fce545a413
支持双向绑定这个详情页面不存在,希望修复?U 更新 框架 支持双向绑定 详情 [图片]
2019-12-30测试号是没有云开发的,你是不是使用测试号了
开通云开发,创建云环境教程说:”点击 “云开发” 按钮即可打开云控制台、根据提示开通云开发、创建云环境。“,我点击了云开发,控制台页面也显示出来,但是没有任何提示能够开通云开发,创建云环境。
2019-12-30