javascript - Welche Probleme treten bei der Verwendung der Multi-Select-Box-Komponente von vue+ElementUI auf?

Question

Bei Verwendung der Optionsfeld- und Mehrfachauswahlfeldkomponenten von ElementUI erfolgt beim Klicken auf das Auswahlfeld keine Reaktion, aber die gebundenen Daten können korrekt geändert werden.
Der Code zum Binden von Daten lautet wie folgt:

<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>

Fragen[now_page-1].value ist ein Array. Es gibt kein Problem mit der Darstellung der Seite. Das heißt, nach dem Klicken auf das Mehrfachauswahlfeld wird es nicht ausgewählt, sondern bei Diesmal wird questions[now_page-1].value erhalten. Der Wert der gerade angeklickten Option

Ist jemand auf diese Situation gestoßen? Bitte erläutern Sie im Detail die Lösung und den Grund für dieses Problem

Answer 1

可能是数组的原因，js数组没办法做到双向绑定，所以数组数据变了 但是组件没有检测到

Answer 2

为什么el-checkbox要放到p里面？去掉p, 把v-for放到el-checkbox上面