我们在使用多行文本输入框的时候,需要提示框内的文字多行显示
在这里插入图片描述
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>

Logo

前往低代码交流专区

更多推荐