带有Bootstrap-Vue的textarea中的多行占位符

Question

我希望在带有Boostrap-Vue（https://bootstrap-vue.js.org/）的textarea中有一个多行占位符。它直接拥有一行占位符。那么多线呢？

尝试在占位符attr中插入换行符并不起作用。

谢谢！

Answer 1

您必须按以下方式输入换行符：

<b-form-textarea id="textarea1"
                 v-model="text"
                 :placeholder="'Enter something \n in more \n lines '"
                 :rows="3"
                 :max-rows="6">
</b-form-textarea>

如果没有: Vue将会删除所有内容以使prop只是一个字符串，因此换行字符将无效。