小程序之textarea坑

最新推荐文章于 2024-04-08 07:40:30 发布
最新推荐文章于 2024-04-08 07:40:30 发布
阅读量702 收藏
点赞数
分类专栏： 小程序 文章标签： 小程序之textarea坑
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_43092878/article/details/85113310
版权

textarea真是个大坑,具体总结如下:
textarea 可以换行 小程序里面首选 但是如果一个页面里面有textarea 最好不要有弹框,因为就会出现如下情况
后面的文字区域是textarea,上面是弹层
之所以会出现这个问题,查明原因是因为textarea的层级最高,是无法被弹层遮盖,所以小程序里面的添加资料区域基本(因为本人只翻了30多个小程序,没有翻看所有小程序,所以这里说是基本)都是input 的输入(无法换行),弹层都是在另一个页面出现的,来自一个小白踩得坑,试了一下午,查了一下午的资料,希望更多小白能少走点弯路,嘿嘿

闹闹儿
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
小程序中的富文本处理
王扬扬的博客
01-07 1845
目前网站上的文章资讯等都会以富文本形式存储，而小程序本身是不具有转换富文本内容功能的，所以这里我们需要用到一个插件： WxParse github及官方文档:https://github.com/icindy/wxParse 使用方式： wxml： <import src="../../wxParse/wxParse.wxml" /> <template is="w...
微信小程序 textarea 详解及简单使用方法
09-01
主要介绍了微信小程序 textarea 详解及简单使用方法的相关资料,这里附有实现实例代码，及解决textarea没有bindchange事件，无法在输入时给变量赋值的方法， 需要的朋友可以参考下
微信小程序使用textarea默认字数限制以及高度自适应和默认高度设置
欢迎来到我的博客！在这里，我将分享我在前端开发方面的知识和经验。让我们一起探索前端开发的无限可能！
03-29 1230
/ 设置默认高度 ，解决设置自适应高度之后高度无效问题。// 设置字体大小和行高一样解决内部出现滚动条问题。
小程序textarea设置auto-height失效_抖音如何挂载小程序
weixin_39869197的博客
11-16 220
1.为什么我我的小程序发布成功还是不能挂载小程序？抖音小程序挂载在抖音中的视频下方，需要去申请，审核通过才可以挂载。申请的地方:挂载的文案你选择视频发布，然后选择小程序发布完发现小程序标签的文案是这样的1111.png那我如何自定义呢？这一块也是需要审核的审核在小程序后台管理系统中Creating future with excellent developers​microapp.bytedanc...
小程序多个textarea在form中无法提交的坑
qq8057656qq的博客
12-10 1638
form中有多个textarea的情况下，无法触发form的提交事件，目前有两种解决方案 1.textarea 增加 bindInput 事件，data中保存textarea的值，手动拼接参数提交【推荐】 <textarea wx:for="{{defaultHomeWorkArr}}" bindinput='hkInput' wx:for-index="index" data-ind...
微信小程序textarea 问题处理
03-29
使用微信小程序开发公司调试是没有问题的，但是在手机端调试就有问题。  (此图片来源于网络，如有侵权，请联系删除! )  就是textarea不能跟随一起滚动。  微信小程序给了一些Bug和建议：  (此图片来源于网络，如...
微信小程序 内容自适应textarea表单组件（autoheight_textarea）
01-30
textarea根据内容自适应高度 组件 注意：要监听input事件改变value值 使用： <autoheight_textarea value="{{value}}" placeholder="写个评论" bindinput="listenerinput"></autoheight_textarea>
微信小程序textarea层级过高的解决方法
10-17
在微信小程序开发中，开发者经常会遇到textarea组件层级过高的问题，这导致了其他元素无法覆盖在textarea之上，严重影响了界面的交互体验。本文主要探讨如何解决这一问题，并提供两种具体的解决方案，以及微信官方...
微信小程序从入坑到放弃之坑八：textarea在苹果手机中的大Bug
03-29
上一篇的《微信小程序从入坑到放弃之坑七：input组件的占位符placeholder》，没啥大坑，而这篇的textarea可就不一样了！这绝对是一个超大的Bug！！！ 在上一节的设计稿中，详细地址那块儿就是一个textarea组件。如图...
微信小程序textarea层级过高(盖住其他元素)问题的解决办法
01-03
前言：这篇文章讲什么 微信小程序中 textarea 组件的层级过高如何解决 前言：这篇文章对谁有用 微信小程序开发者 前言：本文有什么用？ 提供解决问题的思路，供你参考 （因为时间关系，我没法把代码整理的好好的然后贴出来让你复制黏贴。或者是做成一个组件然后开源） 前言：本文时效性 截止至2018年10月30号，微信的 textarea 还是以原生组件形式实现，因此层级最高。无法通过 z-index 进行调整。在微信小程序官方把 textarea 改成了可以控制层级之前。本文中的内容会一直有效。 1. 问题描述 根据官方文档，textarea 是原生组件 (https://deve
小程序textarea设置auto-height失效_微信爱情小窝怎么弄？微信爱情小窝设置方法[多图]-教程...
weixin_39785970的博客
11-15 541
微信爱情小窝其实是微信上面的一个小程序，这个小程序非常适合情侣之间使用，情侣们可以在这里上传一些别人看不到的内容，这样既能保护隐私又可以有共同分享的空间。对于这个小功能，可能大家还不知道应该怎么设置，其实方法也非常简单？下面就为大家介绍详细的操作步骤，如果你也想和自己的对象创造一个爱情小窝的话，可以按照下面的方法设置。 微信爱情小窝怎么弄？ 1、打开微信，点击发现-小程序。 2.在小...
小程序的textarea完美解决所有的坑包括穿透、样式等
weixin_43086811的博客
07-06 7134
小程序的项目，需求非要加个备注栏，h5上面莫得任何问题，but小程序这个鬼东西，腾讯团队就是不解决，是不是不充钱的原因？ 本次解决的问题： 1.页面滚动，textarea里面的内容被穿透，层级太高 2.文本框的提示语样式问题 3.textarea自动获取焦点，失去焦点的问题 解决思路： 我先写一个view，跟需求样式一致，点击的时候，view隐藏，textarea显示出来一样的样式，一样的大小，让...
小程序里头textarea在安卓和iOS下的兼容性问题
zlx_2018的博客
08-31 1180
小程序里头textarea在安卓和iOS下的兼容性问题 我最近才发现的一个问题，真令人头秃~~~~ 事儿是这样的，我负责编写的页面中有一个textarea输入框，当时没当回事儿，我自己测试的时候用自己手机测试了样式没问题（iPhoneX），结果提交之后测试测了跟我说没有对齐，需要优化，我就蒙了，她用的是安卓机，我一看确实错开了，如下图： 然后就开始漫长的寻找，走了一点点弯路，现在记录一下，以防我下次还忘记. 主要思路是先获取机型是安卓还是iOS（注意一点：在微信开发者工具中看到的是devtools），赋值
微信小程序中textarea与input的问题总结
忧郁的蛋的专栏
09-21 979
微信小程序中，有两个原生组件textarea和input，这两个组件单独只用一个时，是没有什么问题的，但是当他们两个一起出现时，问题就接踵而来，并且都是些很玄学的问题，我在开发时就遇到了这些玄学的问题，一个简单的表单填写页面，只是为了实现一个手动实现页面上推的功能，硬是搞了好几天才弄好！的相关知识，其中主要介绍了关于小程序中textarea与input的问题总结，这两个组件单独只用一个时，是没有什么问题的，但是当他们两个一起出现时，问题就接踵而来，下面一起来看一下，希望对大家有帮助。
微信小程序开发——textarea中示例文案的实现（方法一）
qq_44645934的博客
03-06 999
微信小程序开发——textarea中示例文案的实现
微信小程序开发初学：文本组件 - text 及 textarea(1)
最新发布
2301_79058515的博客
04-08 262
space属性合法值（1）：中文字符空格一半大小（2）：中文字符空格大小（3）：根据字体设置空格大小示例：默认属性文字：Good Mor ning！早上 好！user-select="true"文字可选：Good Mor ning！早上 好！
微信小程序 清空textarea
07-25
在微信小程序中清空textarea，可以通过以下方法实现。首先，你需要在textarea的bindinput事件中绑定一个方法，比如"bindTextAreaChange"。在这个方法中，你可以通过setData来更新textarea的值为空字符串，即setData...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值