0
213
Views¿Cómo analizar \n después de unir una matriz a una cadena en VueJS?
En mi código Vue.JS, tengo una matriz en el objeto que analicé en una cadena como esta:
destination: item[1].destination.join('\n') En console.log(obj) puedo ver que se ve así:
destination: "test1\ntest3\ntest3"
Pero en la página parece una cadena común, sin \n .
¿Cómo puedo analizarlo para que HTML vea esos \n ?
·
Santiago Trujillo
2 answers
Answer question0
Debe usar style="white-space: pre-line" en su componente html
·
Santiago Trujillo
Report
0
Si tiene una variedad de elementos, intente seguir el siguiente enfoque
let app = new Vue({ el: '#app', data() { return { textData: ['Text1\nText2\nText3', 'Text4\nText5\nText6'] }; }, }); .sampleDiv { white-space: pre-line; } <script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.5.17/vue.js"></script> <div id="app"> <div class="sampleDiv" v-for="(text, index) in textData" :key="index">{{text}}</div> </div>
·
Santiago Trujillo
Report
Answer question