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

標籤：style   位置   index   form   method   span   time   methods   feedback   

對於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