Tenho essa lista como objeto:
let app = new Vue({
el:'#app',
data:{
lista:{
nome: 'Nome Completo',
email: 'email@email.com',
cpf: 'xxx.xxx.xxx-xx',
rg: 'x.xxx.xxx',
tel: '(xx) x xxxx-xxxx'
}
}
});
E preciso exibir em uma td (numa linha só) dentro da tr e da table. Exemplo: Nome: Nome Completo Email: email@email.com CPF: xxx.xxx.xxx-xx RG: x.xxx.xxx Tel: (xx) x xxxx-xxxx
Mas o mais perto que cheguei foi:
<table>
<tr>
<td v-for="(value, name, index) in lista">
{{name}}
{{value}}
</td>
</table>
Só que desse jeito o name (propriedade) fica dentro da mesma td que o valor, mas preciso que a propriedade ocupe sua própria td e o valor também.