首页 > Web开发 > 详细

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

时间:2017-06-04 20:54:59      阅读:1152      评论:0      收藏:0      [点我收藏+]

对于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

原文:http://www.cnblogs.com/wendy-home-5678/p/6941500.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!