Javascript 如何在Vuetify v-treeview中使用复合项键
是否可以在Javascript 如何在Vuetify v-treeview中使用复合项键,javascript,vuejs2,vuetify.js,Javascript,Vuejs2,Vuetify.js,是否可以在v-treeview中的项目键中指定多个字段作为键 即,我的物品如下所示: items = [ { id:1 type: "A" }, { id:1 type: "B" } ] Id在每个类型中都是唯一的 我尝试添加一个方法并使用它来提供密钥,即 methods: { getUniqueKey(item){ console.log("called " + item); return item.id + "
v-treeview
中的项目键中指定多个字段作为键
即,我的物品如下所示:
items = [
{
id:1
type: "A"
},
{
id:1
type: "B"
}
]
Id在每个类型中都是唯一的
我尝试添加一个方法并使用它来提供密钥,即
methods: {
getUniqueKey(item){
console.log("called " + item);
return item.id + "-" + item.type
}
}
然后像这样使用v-treeview
:
<v-treeview
v-model="tree"
:open="open"
:items="shared.displayList"
item-key="getUniqueKey(item)"
activatable
open-on-click
>
但是,我的方法从未执行。类型是字符串
,而不是函数
。“提供的项上的属性用于跟踪节点状态。此属性的值在所有项中必须是唯一的。”如果需要复合键,请在对象上创建一个。@Mr.polywhill感谢您的评论。我只是假设有一种方法不涉及我的模型,因为在v-for
中,您可以使用方法。您有un示例吗?我需要使用数组的键,而不是对象的id。