Lors de l'utilisation du bouton radio et des composants de la boîte à sélection multiple d'ElementUI, en utilisant le rendu en boucle v-for, il n'y a aucune réponse lorsque vous cliquez sur la boîte de sélection, mais les données liées peuvent être modifiées correctement
Le code de liaison des données est le suivant :
<el-checkbox-group v-model="questions[now_page-1].value" v-if="questions[now_page-1].type=='checkbox'">
<p v-for='item in questions[now_page-1].options'>
<el-checkbox :label="item.value"></el-checkbox>
</p>
</el-checkbox-group>
Parmi eux, questions[now_page-1].value est un tableau. Il n'y a aucun problème avec le rendu de la page, c'est-à-dire qu'après avoir cliqué sur la case de sélection multiple, la case de sélection multiple n'est pas sélectionnée, mais à. cette fois, questions[now_page-1].value est obtenue. La valeur de l'option sur laquelle vous venez de cliquer
.Quelqu'un a-t-il rencontré cette situation ? Veuillez expliquer en détail la solution et la raison de ce problème
Cela peut être dû au fait que les tableaux JS ne peuvent pas réaliser de liaison bidirectionnelle, donc les données du tableau ont changé mais le composant ne l'a pas détecté
Pourquoi
el-checkbox
要放到p
里面?去掉p
, 把v-for
放到el-checkbox
ci-dessus