necesito saber como listar el contenido de values que se se encuentra en el componente 'data' en modo de lista via html pero no sé como, viendo documentación pensaba que era así:
<template>
<h1>Tool list component</h1>
<ul id ="tool-list">
<li v-for="value in values">
{{ value.id }}
</li>
</ul>
<button v-on:click="toggleActive">Mostrar/ocultar</button>
</template>
<script>
export default {
name:"tool-list",
props: {
numElements:Number,
active: {
type: Boolean
},
},
data () {
count: 6;
values: [
{id:1, name:"A1"},
{id:2, name:"A2"},
{id:3, name:"A3"},
];
},
methods: {
countElements: function(){
let sumElements= this.values.length;
console.log (sumElements);
},
toggleActive: function(){
this.active;
console.log(this.active);
}
}
};
y por otro sabeis como sería la manera correcta de cambiar el valor del booleano active, lo he intentado en la función toggleActive pero me imprime siempre 'false'