Question

当我硬编码选择倍数时，如下所示，脚本和CSS工作。

<select data-placeholder="Choose shifts..." class="chosen-select" multiple style="width:350px;" tabindex="4">
    <option>1</option>
    <option>2</option>
    <option>3</option>
    <option>4</option>
</select>

将数据绑定到数据库时，同样不起作用。我得到一个空的选择框。有时它在我调整浏览器大小并刷新代码时有效

<select data-placeholder="Choose shifts..." class="chosen-select" multiple style="width:350px;" tabindex="4">
    <option v-for="(shift, index) in shifts" v-bind:value="shift.ID_HORAIRE"> {{ shift.DESCRIPTION_HORAIRE }}</option>
</select>

我正在使用自定义多重选择。这是link。

Answer 1

如果您尝试从数据库加载选定的值，则v-model上没有<select>，可能会导致这种情况。

还要确保您的代码用于在创建或挂载的挂钩中从运行之前到生成模板渲染的选择框。

最后，确保您检索的数据是被动（放入vuex商店，或组件的数据或道具）

使用vuejs中的列表框进行数据绑定问题

1 个答案: