如何解决v-model:道具与计算
在
https://codesandbox.io/s/fragrant-platform-8djei?file=/src/components/InventorySectionDraggable.vue
在 v-model
中使用计算对象时,部分(书籍/电影)的删除失败:
<draggable
class="list-group"
tag="ul"
v-model="getPropsLocal"
v-bind="dragOptions"
:move="onMove"
@start="isDragging = true"
@end="isDragging = false"
>
直接使用 props 时有效:
<draggable
class="list-group"
tag="ul"
v-model="itemSectionProps.itemSectionCategory"
v-bind="dragOptions"
:move="onMove"
@start="isDragging = true"
@end="isDragging = false"
>
但是 v-model
改变了 props 意味着选项 #2 不是一个选项。
我的猜测是计算函数中的 getter 只是返回复制的 props 的一个单独实例,但我不确定:
getPropsLocal: {
get() {
if (!this.itemSectionPropsLocal["itemSectionCategory"]) {
return Object.assign({},this.itemSectionProps)[
"itemSectionCategory"
]; // NEW OBJECT FOR EACH CALL?????
}
return this.itemSectionPropsLocal["itemSectionCategory"];
},set(value) {
this.itemSectionPropsLocal = value;
},},
你能在每次调用时给 v-model
一个相同的数据吗?
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。