Estoy tratando de definir variables dinamicas para VUE
, para luego usarlas en v-for
. al cargar la pagina funcionan, pero si luego cambio sus valores, ya no cambian los valores en la vista.
VUE
const app = new Vue({
el: '#mainCreate',
data: {
modules : [],
feature: []
},
});
Esta función la estoy usando para generar las variables dentro de feature
:
/*crea dinamicamente los feautres en module*/
function creatDataFeatures (){
$.each(app.modules, function(index,module){
app.feature[index] = module.features;
});
}
Así la estoy cargando en la vista:
<!-- caracteristicas-->
<table class="table table-striped mt-3">
<tbody>
<tr v-for="feat in feature[index]">
<td>
<input type="checkbox" checked>
</td>
<td>
@{{feat.title}}
</td>
<td class="text-info">
@{{feat.price ? '$ '+feat.price : '$ 0'}}
</td>
</tr>
</tbody>
</table>
Al cargar la pagina me carga los datos correctamente, pero si luego cambio los valores ejm: feature[index] = [other array]
(lo cambio por el mismo formato de datos que los del inicio) en la vista no cambia nada. una solución o una alternativa estarían genial.