小程序需要点击两次保存按钮才会保存数据

最新推荐文章于 2022-05-03 00:11:04 发布
最新推荐文章于 2022-05-03 00:11:04 发布
阅读量755 收藏
点赞数
分类专栏： 小程序 文章标签： 小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/liu18130617928/article/details/113648480
版权

小程序输入内容之后在键盘依旧弹起的状态下需要点击两次保存按钮才会保存数据

键盘会因为聚焦和失去焦点而弹出和收起

保存
点击保存时会触发form的 事件

但是如果此时form内的input框获取了焦点，点击屏幕应该会先收起键盘 再次点击才会触发提交事件

可以不使用name获取数据，使用setData来操作数据
button改为保存
使用点击方法提交

如果有更好的方法欢迎留言哈 O_O

uni-app 开发微信小程序问题：多个输入框在点击切换时，焦点失焦的问题
u012175780的博客
03-14 2082
uni app 开发微信小程序在多个输入框的问题
小程序canvas绘制图片并保存
zaoqinghuan的博客
07-06 1937
之前写过一篇小程序分享，体验不是很好。因为用户点击去分享时，canvas绘制并转换成图片需要一定的时间，用户视觉等待的时间有点长。为了更好的优化这一体验，我们可以这么做： 1、用户点击去分享，先用页面标签将海报图绘制出来； 2、当用户点击保存的时候，我们执行绘制canvas绘制，canvas转换图片，保存图片的过程。 一、用页面标签把海报图画出来，这个不需要讲解了，前端都能做到； 二、我们详细讲解一下canvas绘制的思路： 1、配置海报上的信息，需要绘制什么内容 2、用户点击保存按钮 // 点击保存事件
微信小程序清空input操作，为啥要点2次才能清空？
初学者
07-11 2119
微信小程序清空input操作，为啥要点2次才能清空？ 点第一次失去焦点，点第二次input才被清空 直接贴代码 <view class='searchCon'> <input type='text' placeholder='搜一搜这是什么垃圾?' value="{{inputVal}}" bindinput='searchInput' bindconfirm="seachBt...
解决：微信小程序按钮重复点击
s18301514363的博客
12-13 2403
防止单身多年用户重复点击，哈哈 最简单的可以用 微信官方文档的 API wx.showToast，设置 mask 项为 true，但也有个别情况下不需要 wx.showToast 思路：用一个变量控制是否有当前的点击事件，默认是要有的，当点击后就清除这个事件，利用 setTimeout 控制 n 秒后在添加这个事件，下面进入主题 1.wxml <view bindtap="{{isClick ? 'baocun' : ''}}">保存</view> 2.js page
微信小程序-两个input叠加，多次点击字体变粗或闪动
weixin_34128411的博客
04-24 804
问题描述： 　　当两个input叠加，多次点击input框，placeholder 字体变粗或input框闪动。如图： 　　 代码： 　　 <!-- 最上层input-1 --> <input placeholder='请输入昵称，手机号，客户名称' ></input> <!-- 底层input-2 点击后会遮盖上层input...
uniapp中点击按钮，请求接口时连续点击出现重复请求接口现象
最新发布
08-29
uniapp中点击按钮，请求接口时连续点击出现重复请求接口现象
车险计算器微信小程序源码
11-02
6. 存储与本地缓存：在用户多次使用或无网络环境下，小程序可以利用微信提供的本地存储能力，保存用户的车辆信息或者之前的计算结果，提高用户体验。 7. 测试与发布：开发完成后，需要对小程序进行全面的功能测试、...
微信小程序授权登录获取用户信息并保存至缓存用于下次登录
m0_60643169的博客
12-15 9730
1.获取用户信息 wx.getUserProfile(Object object) 获取用户信息。页面产生点击事件（例如button上bindtap的回调中）后才可调用，每次请求都会弹出授权窗口，用户同意后返回userInfo。该接口用于替换wx.getUserInfo，详见微信小程序官方文档。 wx.getUserProfile({ desc: '用于完善会员资料', // 声明获取用户个人信息后的用途，后续会展示在弹窗中，请谨慎填写 success: (...
云开发完成简单小程序
weixin_48683410的博客
08-02 573
目录1.界面展示2.云开发初始化3.登录功能4.云数据库的插入和查询5.云数据库的读取 1.界面展示 首先打开小程序，有三个页面：首页、日志、我的 先在我的页面，点击登录按钮，登录进来，会展示用户的微信头像和微信昵称 接下来来到首页，点击加减按钮，记录页面会同步产生点击的日志。 2.云开发初始化 （1）新建一个云开发的文件夹cloud （2）在project.config.json文件中添加代码，指定云开发的文件为我们刚刚创建的cloud文件夹 （3）再来到app.js文件中用下面的代码代替原先
『uni-app、小程序』蓝牙连接、读写数据全过程
weixin_39415598的博客
05-03 8058
theme: smartblue 本文简介 点赞 + 关注 + 收藏 = 学会了 这是一次真实的 蓝牙收发数据 的全过程讲解。 本文使用 uni-app + Vue3 的方式进行开发，以手机app的方式运行(微信小程序同样可行)。 uni-app 提供了 蓝牙 和 低功耗蓝牙 的 api ，和微信小程序提供的 api 是一样的，所以本文的讲解也适用于微信小程序。 本文只实现 蓝牙收...
微信小程序输入框的一些问题
热门推荐
Candy_mi的博客
05-10 1万+
1.微信小程序处理软键盘弹出布局上移遮住输入框的解决方法    相信很多人在开发微信小程序时都遇到这个问题，当你在小程序上预览时，底部的input在聚焦时弹出的软键盘会把input框遮住一小部分，不管是inpu还是textarea  给他们设置cursor-spacing属性就可以解决这个问题 了。    以input作为例子 &lt;input placeholder='请输入初试专业...
微信小程序按钮防止多次点击 防止重复点击的两种处理方法
wqs15192095633的专栏
11-05 1万+
在data中加 1buttonClicked:false//默认不在加载中 2进入方法后 设置 buttonClicked 为true 3页面绑定时候 bindtap="{{!buttonClicked?‘handleComfirmOffer’:’’}}"
微信小程序 Switch按钮 实现本地存储
qq_41658067的博客
06-12 645
index.js //index.js //获取应用实例 const app = getApp() Page({ data: { }, bindchange: function (e) { console.log(e.detail.value); wx.setStorageSync('value1', e.detail.value); } , ...
小程序数据拷贝问题
qq_37782658的博客
09-01 1317
近期有帮同事做一个多商品评论的页面，多商品，顾名思义就是很多个商品，每个商品有星星评价，上传图片信息以及评论内容， 因为原先有写过公众号这个功能，于是自告奋勇的去写小程序的多商品评论了，结果就掉坑里了............ 思路很简单 首先造一个星星的数组，五星好评就是五个星星的图片，是这样： starList: [{                         srca: "img...
微信小程序 form表单 开关 多选 单选 输入框 提交
qq_39299893的博客
07-18 5515
&lt;!--这里用form，name=“nameName1”可以作为form的属性进行 （e.detail.value.nameName1）调用, form自带有提交和重置按钮，会自动获取表单中所有控件值的改变--&gt; &lt;form class="page__bd" bindsubmit="formSubmit" bindreset="formReset"&gt; &lt;vi...
Labview项目：记录按钮点击时间间隔的源码下载
通过记录连续两个按钮点击事件发生时的时间戳，可以计算出两次点击之间的时间间隔。 5. 数据处理与分析：LabVIEW不仅提供了丰富的用户界面元素和事件处理机制，还拥有强大的数据处理能力。在本项目中，开发者可以...
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值