Vue中多行文本输入框textarea的placeholder内的文本多行显示
我们在使用多行文本输入框的时候,需要提示框内的文字多行显示发现使用\n等都无效,placeholder并不可以识别出来后来发现只能采取最原始粗暴的方法,placeholder内的文本换行显示,例如:<textarea placeholder="你好!哈喽~我在呢"></textarea>即可完成想要的多行文本显示效果,不过个人觉得html代码不够美观如果有更好的办法,欢迎评
·
我们在使用多行文本输入框的时候,需要提示框内的文字多行显示html
文件中发现使用\n
等都无效,placeholder
并不可以识别出来
后来发现只能将placeholder
内的文本换行显示,例如:
<textarea placeholder="你好!
哈喽~
我在呢"></textarea>
即可完成想要的多行文本显示效果,不过个人觉得html
代码不够美观
但是在Vue
中可以通过动态绑定placeholder
来实现换行效果
<template>
<textarea :placeholder="placeholder"></textarea>
</template>
<script>
export default {
data() {
return {
placeholder:'你好!\n哈喽~\n我在呢'
}
}
}
</script>
更多推荐
所有评论(0)