鍍金池/ 問答/HTML/ vue框架下,textarea怎樣寫出多行的placeholder???(產(chǎn)品為

vue框架下,textarea怎樣寫出多行的placeholder???(產(chǎn)品為刀俎,我為魚肉orz)

問題描述

最近公司用vue寫項目,產(chǎn)品提了一個在<textarea>里寫多行的placeholder(或者實現(xiàn)默認多行提示),項目是用elementui拉的textare'a
對對,就是這樣嬸兒

問題出現(xiàn)的環(huán)境背景及自己嘗試過哪些方法

解決肯定本著產(chǎn)品的合理體驗和雙邊關(guān)系的穩(wěn)定和諧去找產(chǎn)品溝通交流,并提出使用一行占位符解決就o**k唄,但是就一句:不中!
然后想到了直接在<textarea>寫上多行的占位符,然并luan</textarea>
又看到可以使用&#10;,自己直接寫demo實驗可以,但是在vue項目中不行,elementui的textarea也不好使

相關(guān)代碼

// 請把代碼文本粘貼到下方(請勿用圖片代替代碼)

你期待的結(jié)果是什么?實際看到的錯誤信息又是什么?

有沒有簡單點的方法,解決下,主要在vue項目下

回答
編輯回答
胭脂淚

em....可以的,之前剛好處理過這個問題。

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

placeholder變量

defaultContent: '第一行~\n\n第二行\(zhòng)n\n第三行...',
2018年6月9日 12:47