3

Estou tentando passar em uma textarea um array do Vue.js, e gostaria de transformá-lo em json, qual seria a melhor forma de fazer isso?

new Vue({
    el:"#app",    
    data : {
      nome_da_variavel_array: 
          '[{variavel : 'valor'},{variavel : 'valor'},{variavel : 'valor'}]'
    }
}); 
<textarea>{{nome_da_variavel_array}}</textarea>
3
  • Tem algum código ou exemplo do que tu quer fazer? Não entendi bem o que tu quer. Commented 6/09/2018 às 19:04
  • Editei na pergunta!
    – Victor M.
    Commented 6/09/2018 às 19:10
  • 2
    Seria mais fácil usar o método JSON.stringify e pegar um valor real e converter para JSON. Vou formular uma resposta com exemplo pra tu ver como é. Commented 6/09/2018 às 19:14

1 Resposta 1

7

Uma boa abordagem seria criar uma computed property que sempre retorna um objeto do data convertido para JSON.

var app = new Vue({
  el: '#app',
  data: {
    json: {
      teste: "Valor",
      um_array: [0, 1, 2, 99]
    }
  },
  computed: {
    json_string: function() {
      return JSON.stringify(this.json, null, '    ');
    }
  }
});
<script src="https://cdn.jsdelivr.net/npm/vue"></script>

<div id="app">
    <textarea style="width: 100%; height: 150px;">{{ json_string }}</textarea>
</div>

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .