小程序原生组件之textarea大坑笔记

本文介绍了解决微信小程序和uni-app框架下组件层级、textarea兼容性和上滑操作中placeholder穿透问题的方法。通过使用cover-view组件、getSystemInfo方法判断手机型号设置样式以及结合scroll-view和静态标签,有效提升用户体验。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

以下解决方案 针对微信小程序和uni-app框架 语法为uni-app
1.小程序原生组件层级最高,我们可以使用cover-view组件代替,cover-view组件注意事项请参照官方文档

2.在我们使用textarea组件时,会发现placerholder文字会在不同手机型号出现兼容问题,这种问题的解决方案可以通过getSystemInfo这个方法判断手机型号去设置样式

3.遇见textarea组件需要上滑操作,我们会发现placeholder文字穿透现象
解决思路:用scroll-view 和一个静态标签存放placeholder内容,scroll-view的作用是输入文字过多时实现上下滑动
注意事项:这里v-show和v-if的区别需要了解,v-if有更高的切换消耗,如果使用v-show会导致焦点无法自动聚焦问题
解决方案:在这里插入图片描述

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值