Vue.js Vue multiselect v-model=";值[?]”;在vuetable-2中
我正在使用vuetable-2作为我的表。在一列中,我需要有多个选择,因此我使用Vue multiselect。问题是,Vue multiselect使用v-model=“value”,因此当我在一行中选择某个内容时,所有其他行都会使用相同的选择进行更新 如果这是用于呈现表的forach循环,我会使用v-model=“value[row.id]”,但在vuetable-2中,我不知道如何访问我的表行id。我尝试了:v-model=“value[id]”,v-model=“value[data.id]”,v-model=“value[rowData.id]”,但似乎没有任何东西起作用(是的,在我的数据中,每个条目都有自己的id)Vue.js Vue multiselect v-model=";值[?]”;在vuetable-2中,vue.js,vuejs2,vue-component,multi-select,vue-tables-2,Vue.js,Vuejs2,Vue Component,Multi Select,Vue Tables 2,我正在使用vuetable-2作为我的表。在一列中,我需要有多个选择,因此我使用Vue multiselect。问题是,Vue multiselect使用v-model=“value”,因此当我在一行中选择某个内容时,所有其他行都会使用相同的选择进行更新 如果这是用于呈现表的forach循环,我会使用v-model=“value[row.id]”,但在vuetable-2中,我不知道如何访问我的表行id。我尝试了:v-model=“value[id]”,v-model=“value[data.i
找到了它
v-model="value[props.rowData.id]"
似乎正在工作。在我的情况下,不使用
track-by="id"
label="name"
这样对我来说很好:
<multiselect
v-model="rowData.id"
:options="options"
optionsLimit="2000"
placeholder=""
max="3"
maxHeight="600"
:selected.sync="selected"
:show-labels="false"
:searchable="true"
:allow-empty="false"
:multiple="true"
:preserve-search="true"
:preselect-first="false"
>
和访问rowData.id,因此rowData必须是一列,如果rowData是数组,则可以通过如下指定列来访问id
rowData[index].id您能提供一些代码来帮助我思考您的问题的解决方案吗添加了模板,如果需要,我可以添加脚本(这是标准的vuetable-2实现)。您能试试
v-model=“value[index]”吗?
试过了,没有任何更改,它仍然会填充所有其他多选项。在devtools中,我得到了一个错误:“属性或方法”index“不是在实例上定义的,而是在渲染过程中引用的。”好的,在v-for中,设置也很容易,如果您阅读文档,但直接用正确的索引填充multiselect,您也可以在方法中获取索引,很抱歉,我不知道怎么做,我读了所有的文件。
<multiselect
v-model="rowData.id"
:options="options"
optionsLimit="2000"
placeholder=""
max="3"
maxHeight="600"
:selected.sync="selected"
:show-labels="false"
:searchable="true"
:allow-empty="false"
:multiple="true"
:preserve-search="true"
:preselect-first="false"
>