使用textarea標籤按Enter鍵後web頁面中成換行 vue

對於textarea標籤的換行問題,其實就是要將textarea裏的Enter鍵替換成web頁面中"<br/>"。javascript

如下是個人一些方法。html

首先我是寫一個方法(methods)java

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

而後在到html找到相應的位置。spa

<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>orm

恩,這就完成了。htm

相關文章
相關標籤/搜索