Блог

Главная - Вопросы по программированию - новая строка, использующая ‘n’ в строке, не работает в vue js

новая строка, использующая ‘n’ в строке, не работает в vue js

#vue.js #vuejs2

Вопрос:

Я не могу вставить новую строку, используя n или что-либо в строковом значении в vue js, любое предложение передать строковое значение с новой строкой в переменную, и оно будет отображаться в html, например —

Строка 1 Строка 2 Строка 3

Ответ №1:

Оберните содержимое в предварительный элемент.

A:

 <pre>New line here!
Yo it's a new line!</pre>

Ответ №2:

используйте style="white-space: pre-wrap;" в своей стихии, тогда это сработает. дополнительная информация о белом пространстве.

 new Vue({
  el: '#app',
  data: {
    message: "Hello Vue! It's a good day.nBe happy!"
  }
}) 
 <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script>
<div id="app" v-text="message" style="white-space: pre-wrap;"></div>
Метки: , , ,