uniapp textarea在部分子组件内弹框placeholder-class placeholder-style 无效的问题

最新推荐文章于 2024-03-07 06:15:04 发布
最新推荐文章于 2024-03-07 06:15:04 发布
阅读量1.1k 收藏 2
点赞数
分类专栏： uni-app
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_40461134/article/details/118567686
版权

也是挺坑的。
初始化的时候设置一个变量为false，打开的时候，给变量设置一个定时器即可
在这里插入图片描述

weixin_40461134
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
专栏目录
input、textarea设置placeholder的颜色不起作用
D_2016的博客
04-02 2400
开发过程中遇到了这个奇葩问题，设置了textarea元素的placeholder属性颜色但是没显示出效果。设置方式如图1： 图1突然一下子有点懵，之前的项目里也是这样用的啊，怎么就不行了呢？于是默默的打开原来的项目、启动看看效果，哎呀，怎么也没有效果，这可是之前做好的测试过的项目啊。然后自己新建了一个单html测试下效果。 完全正常..........无语了 于是自己...
uniapp ＜textarea＞组件的踩坑
xjf106的博客
07-27 1242
解决办法：把封装成基础组件，dom元素切换时，通过v-if显示隐藏，触发组件onMounted，延迟auto-height赋值。官方人员解释：textarea 的 auto-height 必须要在屏才能计算高度，先展示再赋值。2、使用auto-height属性，安卓真机上，会导致高度异常，1、ios真机上，输入时会触发页面其他点击事件。解决方法：把封装成基础组件，绕过这个bug。
uView——uview 文本域 u--textarea 设置 placeholder样式
最新发布
qq_43201350的博客
03-07 464
uView——uview 文本域 u--textarea 设置 placeholder样式
uni-app,小程序 textarea文本域出现在弹窗中，placeholder样式初次加载不生效问题。
PrimaryColor
02-06 5230
textarea文本域出现在弹窗中，在初次加载的时候，placeholder样式是不生效的，而当在textarea 输入了内容后，再删掉。显示的placeholder样式就是正常的。 效果图： 1.首次加载时 2.输入一些文字后 3.删除文字 为了解决这个bug，我们可以根据以上的逻辑，来解决这个问题。 首先，在显示弹出框的时候，textarea渲染时给它设置一个初值，然后再置空，这样之后样式也就能生效了。 部分代码： //显示弹窗 showPop(){ if(!t.
《uni-app》表单组件-Input组件
Oliver尹的博客
09-17 3748
input，输入框组件，表单届的扛把子，几乎所有的表单都离不开input，一个表单可以没有radio，可以没有checkbox，但是几乎不大可能没有输入框，它 是表单组件中属于使用频率最高的一种，常见的业务场景包括登录时的用户名，密码以及注册时一大堆信息填写，只要是信息录入的功能第一选择基本都是输入框；
uniapp：微信小程序，placeholder-style在弹出框不生效问题
本以为成功很简单，没想到活成普通人都需拼尽全力！
01-16 2694
大致说一下情况，业务场景，点击拒绝，展示弹出框，弹出框内包含拒绝理由的文本域，但是在此时出现了问题； 很显然，这个placeholder的字体颜色是不正常的，此时我去设置placeholder-style属性发现怎么设置都无效，此时更有趣的事情发生了；（使用了uview-ui v1，情况都一样） <template> <view class=""> <u-input v-model="value" type="textarea" border :..
uni-app input之placeholder-style、placeholder-class样式未生效
qq_19249021的博客
04-07 3619
1. 分析问题 其实大部分都是字体大小未生效，颜色是生效的。 <!-- html --> <input class="pinput" type="text" placeholder="请输入账号" placeholder-class= "phsy" /> .phsy { font-size: 20px !important; color: #999 !important } 2. 解决问题 rpx单位换成px单位，截止目前2022年4月7日1
u-view2.0 uniapp input 或者textarea的placeholder-style设置失效， 解决办法！！ 碾压网上搜到的所以方法！！！
柑橘乌云_
06-12 2517
设置placeholder-style属性发现怎么设置都无效，此时更有趣的事情发生了；然后在onload里面设置延时器去显示这个input。查了一些资料，原因是因为动态创建元素的原因，解决办法：用v-if去控制显隐。-ui v1，情况都一样）
uniapp引用editor富文本修改placeholder样式不生效问题
wl7tvm98的博客
11-11 1094
uniapp引用editor富文本修改placeholder样式不生效问题
uniapp中placeholder不起作用
qq_32184753的博客
05-07 1908
12
contenteditable元素的placeholder输入提示语设置方法
12-30
然后可能需要像input、textarea有placeholder的输入提示语，但contenteditable的元素，placeholder是没用的，需要另外办法。 例子： HTML： <div class=con contenteditable=true> CSS： .con{ width: 400px; ...
微信小程序从入坑到放弃之坑八：textarea在苹果手机中的大Bug
03-29
昨天的placeholder-class只是希望各位看官注意，而今天的textarea就绝对是一个超级大坑！而且如果看官手中没有苹果手机测试的话，这个可就真的是个坑了！为啥？难道要等到用户向你反馈你们产品有bug？？？...... 上...
Angular.JS利用ng-disabled属性和ng-model实现禁用button效果
11-27
textarea name="" id="" rows="3" class="form-control" ng-model="shyj" placeholder="在此输入审批意见"></textarea> <button class="btn btn-sm btn-block btn-primary" ng-disabled="!shyj" ...
layui 富文本编辑器和textarea值的相互传递方法
01-19
1.富文本编辑器传递值给textarea <div class=layui-form-item> ...textarea name=content id=demo placeholder=请输入资讯内容 class=layui-textarea lay-verify=content></textarea> 注意:textarea添加l
angularjs使用div模拟textarea文本框的方法
12-29
<div class=simulate-textarea ng-model=view.text contenteditable=true placeholder=请输入内容> Angularjs指令： /** * div模拟textarea输入框双向数据绑定指令 */ .directive('contenteditable', ...
【uni-app】textarea中的换行问题
loyd3的博客
11-16 6041
关于textarea要注意的是，在微信小程序，百度小程序及字节跳动小程序中，textarea是原生组件，层级高于前端组件，请勿在scroll-view，swiper，picker-view，movable-view中使用textarea组件，覆盖textarea需要使用cover-view。因此，使用rich-text组件输出时并不能显示换行，需要将。是windows操作系统的换行，为了兼容，须将两者中的换行都替换。在实际开发中，textarea组件中的换行符为。代表UNIX操作系统中的换行，
uni-app 输入框@input事件失效
qq_31942091的博客
04-29 7889
修改前： <input placeholder="搜索常见问题" v-model="search_key" @input="match()" placeholder-style="color: #000000; opacity: 0.3;"/> match:function(key){ const that = this; setTimeout(()=>...
textarea实现设置最大输入值及监听输入的字数功能
EvaY_Yang的博客
08-15 2962
textarea实现设置最大值及监听输入的字数功能
uniapp textarea placeholder样式
08-13
在uniapp中，可以使用以下两种方式设置textarea的placeholder样式： 第一种方式是在行内直接设置样式，如： <textarea id="textArea" name="" placeholder="请输入" style="color: white; height: 50px;"></textarea> [1] 第二种方式是通过设置placeholder-class属性，并在样式表中定义样式类，如： <textarea id="textArea" name="" placeholder="请输入" placeholder-class="custom-placeholder"></textarea> <style> .custom-placeholder { color: red; } </style> [2] 以上两种方式都可以实现textarea的placeholder样式定制化。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [如何让textarea placeholder 文字垂直居中？](https://blog.csdn.net/qq_36140085/article/details/83270749)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] - *2* *3* [placeholder样式自定义（uniapp 微信小程序、h5）](https://blog.csdn.net/maoge_666/article/details/131890314)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v92^chatsearchT3_1"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值