jquery - 在 vuejs 中使用列表框的数据绑定(bind)问题

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>

当我将数据绑定(bind)到数据库时，同样的方法不起作用。我得到一个空的选择框。有时当我调整浏览器大小并刷新时它会工作代码如下

<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>如果您尝试从数据库中加载选定的 值。

还要确保您的代码用于从运行中检索选择框之前您的模板渲染，在创建或安装的 Hook 中。

最后，确保您检索的数据是 react 性(放置在 vuex 存储中，或您的组件的数据，或 Prop )