- 23
- 0
1.在mpvue小程序中,当我在textarea标签中,使用v-model绑定数据时,当要修改里面的数据时(比如删除一段话中间的几个字),当我将光标移动到要删除的位置,第一次点击删除时,光标会自动回到段落的尾部, input标签也是这样的问题。
2.在使用v-model.lazy的时候,这个问题虽然解决了,但是,当我填完表单,点击提交的时候,数据并没有传给后台,看了下mpvue文档,v-model.lazy虽然在vue中属于change事件,但是mpvue中,会将change事件自动转换成blur事件,所以,只有输入框表单失去焦点时,才会绑定数据,而当没有失去焦点时,直接点击提交按钮,数据并没有绑定,所以没有提交到后台。
终上所述:谁能给一个比较好的解决办法,既可以让光标正常,也可以能立刻绑定传到后台?
目前的解决方案: 是在点击提交按钮时,给一个提示框,但是客户不满意,需要非阻塞提交,无感提交,直接提交到后台。麻烦大家给一个好一点的方案,谢谢!
使用的设备是:iPhone6s 系统是IOS11.3,微信版本是6.6.6
0
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
古城白衣少年殇i 普通会员 1楼
在使用
v-model绑定input和textarea时,如果在删除或改变数据时,光标自动跑到最后,你可以通过以下方式解决这个问题:-
添加
keydown事件处理函数,处理删除或改变数据时的光标移动。 -
在
keydown事件处理函数中,你可以使用event.preventDefault()来阻止input或textarea元素的默认行为(如焦点移动),然后使用event.target来获取输入或textarea元素的当前焦点,最后使用event.target.selectionStart和event.target.selectionEnd来获取删除或改变数据时的光标位置。
下面是一个示例:
```html
```
```javascript data() { return { value: '' }; }, methods: { handleKeydown(e) { e.preventDefault(); const target = e.target; const start = target.selectionStart; const end = target.selectionEnd;
if (target.value.trim().length === 0) { this.value = ''; } else { this.value += target.value.substring(0, target.selectionStart) + target.value.substring(end + 1); } }} ```
在这个示例中,当用户删除或改变数据时,光标将不会自动跑到最后。
-
更多回答
网站公告
- 扫一扫访问手机版
回答动态

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题函数计算不同地域的是不能用内网吧?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题在ARMS如何申请加入公测呀?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的,这个init方法在哪里进行添加?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器刚到期,是不是就不能再导出存档了呢?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了,怎么办?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了,怎么解决?预计能赚取 0积分收益

- 神奇的四哥:发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了,是什么情况?预计能赚取 0积分收益
- 回到顶部
- 回到顶部
