Question

我将v-for与node变量一起使用，该变量在 TreeObject 对象的所有属性上运行。如何删除手中只有这个 node 的属性之一？（假设函数无法访问 TreeObject ）

HTML：

<div v-for="node in TreeObject">
  <div>{{ node.name }}</div>
  <button @click="Delete(node)">delete</button>
</div>

脚本：

[...]
methods: {
  Delete(node) {
    // somehow I want to delete node from TreeObject
  }
}

Answer 1

假设TreeObject是对象数组，并且它们唯一的定义标识符是它们的name属性-使用该属性来filter out所查询的节点。< / p>

如果TreeObject是组件上的prop（只读）-制作TreeObject的副本并将其设置为{{1 }}，并在data中使用该属性或使用DynamicTreeObject之类的template道具将问题中的节点传递给可以访问原始callback的父组件，然后在其中进行删除，那么数据就会滴流到您的子组件。

onDelete

使用DOM给定的Vue属性删除对象的属性

1 个答案: