使用textarea标签按Enter键后web页面中成换行 vue

Posted 雅涵

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了使用textarea标签按Enter键后web页面中成换行 vue相关的知识,希望对你有一定的参考价值。

对于textarea标签的换行问题,其实就是要将textarea里的Enter键替换成web页面中"<br/>"。

以下是我的一些方法。

首先我是写一个方法(methods)

formatSolution(s) {
  if (s) {
    return s.replace(/\s/g,‘<br/>‘)
  } else return ‘‘
},

然后在到html找到相应的位置。

<tbody>
  <tr v-for="(x,index) in feedbackList">
    <td v-text="x.id"></td>
    <td v-text="format(x.createTime)"></td>
    <td v-text="x.feedBack"></td>
    <td v-text="x.ktvId"></td>
    <td v-html="formatSolution(x.solution)" style="text-align: left"></td>
    <td v-text="format(x.updateTime)"></td>
    <td><a href="javascript:;" @click="modify(index)" class="curEdit">修改</a></td>
  </tr>
</tbody>

恩,这就完成了。















以上是关于使用textarea标签按Enter键后web页面中成换行 vue的主要内容,如果未能解决你的问题,请参考以下文章

按Enter键后,JLine自动完成功能未显示并运行onComplete

Angular2使textarea按Enter而不添加新行

虚拟机安装Linux redhat5.5,进入界面按enter键后,出现这个图然后就停在那了。怎么解决啊~!

通过点击“Enter”从textarea提交数据

阻止按下backspace键造成页面回退相像

Thinkpad E450c开启Intel virtual technology