Vue - 实现 textarea 多行输入框的 placeholder 换行显示功能,让 input(type=textarea)输入框 placeholder 灰色描述文字识别 \n 断行显示教程

前言

本方案适用于 Vue2/3、Nuxt、uniapp、微信小程序,前端 UI 组件库的输入框组件也可以使用。

本文 实现了 textarea 多行文本输入框 placeholder 换行显示功能,解决 input 输入框 type=textarea 时灰色描述文字断行显示功能,完美搞定回车 \n 不生效的问题,

支持自由换行、识别多个连续空格、任意排版,您只需要复制粘贴便可使用,


如下图所示,原来没有换行,但用了本文的方法后就换行了,

示例代码干净整洁,无任何乱七八糟代码

在这里插入图片描述 在这里插入图片描述

示例代码

猜你喜欢

转载自blog.csdn.net/weixin_44198965/article/details/133072801