Vue.jsでバインドした文字列の改行ができずに困っています。
vue
1// HTMLでINPUTにTEXTAREAを用意 2// 1行目 3// 2行目 4// 上記の2行を入力 5this.hoge = this.hoge.replace(/\n/g, '<br/>'); 6// this.hogeには、1行目<br/>2行目 が入っている
上記パラメータを、確認画面に渡す
html
1<tr> 2 <th>データ</th> 3 <td>{{hoge}}</td> 4</tr>
結果は<br>がエスケープされ、1行目<br/>2行目と表示される
参考サイト
Vue.js 2系ですが、v-htmlではなく、取得したデータを表示する{{}}でエスケープを回避する方法が分かりません。
ご存じの方いましたら、お手数ですがご教示のほどよろしくお願いいたします。
回答2件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2021/12/06 03:39