美文网首页小程序笔记、教程
小程序textarea的placehoder不支持行高设置解决方

小程序textarea的placehoder不支持行高设置解决方

作者: 不二很纯洁 | 来源:发表于2019-11-02 16:48 被阅读0次
image.png

通过布局解决

定位重叠在一起,判断内容是否有值去显示,示例使用mpvue,原生监听 input事件

<div class="textBox rel">
    <div class="text w100 pt10 pb10 pl15 pr15 abs l0 t0 c9" v-text="placeholder" v-show="contnet.length===0"></div>
    <textarea 
        class="text w100 box_bb pt10 pb10 pl15 pr15 rel"
        name="content"
        maxlength="-1" 
        cursor-spacing="18" 
        :fixed="true" 
        :show-confirm-bar="false" 
        :auto-height="true" 
        :focus="open"
        @blur="onBlur"
        v-model="contnet"></textarea>
</div>

相关文章

网友评论

    本文标题:小程序textarea的placehoder不支持行高设置解决方

    本文链接:https://www.haomeiwen.com/subject/gichbctx.html