javascript - Welche Probleme treten bei der Verwendung der Multi-Select-Box-Komponente von vue+ElementUI auf?
PHPz
PHPz 2017-05-18 10:51:43
0
2
693

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

PHPz
PHPz

学习是最好的投资!

Antworte allen(2)
Peter_Zhu

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

Peter_Zhu

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

Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage