博客

el-input输入框占位文本placeholder换行显示

  • Post author:
  • Post category:其他


代码如下：

方法一：使用HTML转义字符，将换行修改为“




” 

 <el-input
   v-model="form.instructions"
   type="textarea"
   :autosize="{ minRows: 4}"
   placeholder="1.嘻嘻嘻&#10;2.哈哈哈"
 />

方法二：使用js模板字符串，“\n”替换换行 

 <el-input
   v-model="form.instructions"
   type="textarea"
   :autosize="{ minRows: 4}"
   :placeholder="'1.嘻嘻嘻\n2.哈哈哈'"
 />

效果：

在这里插入图片描述


版权声明：本文为hantaozi原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。