v-html em um v-for
[Concluído]
Olá, estava fazendo uns testes aqui montando uma tabela trazendo um array de objetos, tipo: object {'title': 'Opened Ticket', 'content': '<h3>Alguma coisa</h3><p>blablalblablabla></p>, ...}', ou seja que trás consigo informação formatada em html, quero que apareça no browser a informação formatada...
Tentei usar o v-html dentro de um td, mas não consegui renderizar o html? Como isso podeia ser feito?
Olá, Wardes!
Tudo bem?
Como você aplicou? Pode deixar assim:
<span v-html="objeto.content"></span>
https://br.vuejs.org/v2/guide/syntax.html#HTML
Queria mostrar os dados dentro do <td> de uma tabela abaixo, tendo que criar um template filho para isso???
Será necessário retornar isso em uma propriedade computada: tiket[21]
Tem o código no GitHub?
Segue o git https://github.com/wtccosta/teste-glpi-api/network/alerts
O codigo está em src/components/OpenTicketComponent.vue. Apaguei o token de autenticação, se precisar me avisa que envio um para vc de uma outra forma, que não no forum.
É pela forma que está fazendo o hender dos components que a diretiva v-html não funciona.
new Vue({
el: '#app',
render: h => h(App)
})
Não cheguei a rodar o projeto, mas testa assim (que não funcionar eu valido e te dou uma solução):
new Vue({
el: '#app',
components: {
App
}
})
E no component App.vue envolva com a div com id "app"
Desculpa professor, mas não entendi muito bem. Tentei fazer mas não deu certo.
Tem a versão atualizada no GitHub da forma como fez? Vou baixar o seu projeto e fazer um teste amigo.
Segue: https://github.com/wtccosta/teste-glpi-api/
Eu fiz por base utilizando as lições do curso de vuejs 2. Estou utilizando o template webpack-simple.
Boa tarde, Carlos.
Eu estou achando que o proplema é por conta do retorno da api, por exemplo, no banco de dados, o conteúdo em html correspondete a <p>Instalar ponto...</p> está salvo como <p>INTALAR PONTO DE REDE WI-FI</p>
Ou seja o v-html até traduz o <p> para <p> ou seja o problema é codificação, no php resolvo isso fácil, mas como faria no javascript (no vue)?
Descobri. Adaptei (Criei um method) um método que achei em https://stackoverflow.com/questions/5302037/javascript-string-replace-lt-into.
despois só usar no v-html. Exe <div v-html></div
Mas obrigado pelas ajudas que me forma dadas ;) .
Olá, Wardes!
Desculpas a demora em te responder amigo, aqui está uma loucura rs
Que bom que conseguiu resolver, meus parabéns!
E obrigado por compartilhar a solução que encontrou.
Abs;
Precisa estar logado para conseguir responder a este ticket!
Clique Aqui Para Entrar!