javascript - 如何正确绑定(bind)CoreUI Switch？

Question

我想在 DevExtreme 数据网格内使用 CSwitch。使用 DxSwitch，一切都按预期工作，但我无法使其与 CSwitch 一起工作。我想我使用了错误的绑定(bind)，不是吗？

<template #width-settings="cell">
    <div>
        <DxSwitch v-model="cell.data.data.width.set" /> <!-- WORKS -->
        <input type="checkbox" v-model="cell.data.data.width.set" /> <!-- WORKS -->
        <CSwitch v-model="cell.data.data.width.set" /> <!-- DOESN'T WORK -->
        <div class="input-group input-group-sm" v-if="cell.data.data.width.set">
            ...
        </div>
    </div>
</template>

为什么CSwitch不工作？

Answer 1

与其他组件相比，“CSwitch”使用另一种绑定(bind)方法。绑定(bind)的工作原理如下:

<CSwitch :checked.sync="cell.data.data.width.set" />

如果删除所谓的 .sync 修饰符，则绑定(bind)将是单向的(= 只读)。很奇怪...