vue框架下,textarea怎样写出多行的placeholder???(产品为刀俎,我为鱼肉orz)

问题描述

最近公司用vue写项目,产品提了一个在<textarea>里写多行的placeholder(或者实现默认多行提示),项目是用elementui拉的textare'a
对对,就是这样婶儿

问题出现的环境背景及自己尝试过哪些方法

解决肯定本着产品的合理体验和双边关系的稳定和谐去找产品沟通交流,并提出使用一行占位符解决就o**k呗,但是就一句:不中!
然后想到了直接在<textarea>写上多行的占位符,然并luan</textarea>
又看到可以使用&#10;,自己直接写demo实验可以,但是在vue项目中不行,elementui的textarea也不好使

相关代码

// 请把代码文本粘贴到下方(请勿用图片代替代码)

你期待的结果是什么?实际看到的错误信息又是什么?

有没有简单点的方法,解决下,主要在vue项目下

阅读 2.5k
1 个回答

em....可以的,之前刚好处理过这个问题。

<textarea
    :placeholder="defaultContent"
    maxlength="200"
    v-model="你的v-model"
    class="你的class-name"
 ></textarea>

placeholder变量

defaultContent: '第一行~\n\n第二行\n\n第三行...',
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题