Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/416.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在Vuetify v-treeview中使用复合项键_Javascript_Vuejs2_Vuetify.js - Fatal编程技术网

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。