Javascript Vuetify数据表，可扩展行在输入文本时折叠

当我单击并展开该行时，我添加了输入字段，当我尝试向字段中输入任何值时，该行将被折叠

这是我的密码：

newvue({
el:“#应用程序”，
数据（）{
返回{
标题：[
{
文字：“甜点（100克），
对齐：“左”，
可排序：false，
值：“名称”
},
{文本：'卡路里'，值：'卡路里'}，
{text:'Fat（g'），value:'Fat'}，
{text:'Carbs（g）'，value:'Carbs'}，
{text:'Protein（g'），value:'Protein'}，
{文本：“钠（mg）”，值：“钠”}，
{文本：'钙（%）'，值：'钙'}，
{文本：'Iron（%）'，值：'Iron'}
],
项目：[
{值：假，名称：“冷冻酸奶”，卡路里：159，脂肪：6.0，碳水化合物：24，蛋白质：4.0，钠：87，钙：14%，铁：1%，
{值：假，名称：“冰淇淋三明治”，卡路里：237，脂肪：9.0，碳水化合物：37，蛋白质：4.3，钠：129，钙：8%，铁：1%}
]
}
}
})

{{props.item.name}
{{props.item.carries}
{{props.item.fat}
{{props.item.carbs}
{{props.item.protein}
{{props.item.nail}
{{props.item.ca}
{{props.item.iron}

回答我的问题，这有点像黑客&这个问题是由于

项目密钥造成的，下面是我所做的：

// Changing from:
<v-data-table :headers="headers" :items="items" item-key="name">

// Changed to:
<v-data-table :headers="headers" :items="items" item-key="dummyIndexFixForCollapseIssue">

// in `data` using generated random value for 
data () {
  return {
    items: [
      {dummyIndexFixForCollapseIssue: this.generateRandomNumber(), name: 'Frozen Yogurt', calories: 159},
      {dummyIndexFixForCollapseIssue: this.generateRandomNumber(), name: 'Ice cream sandwich', calories: 237}
    ]
  }
}

// here is the `method` to generating random value 
methods: {
  generateRandomNumber () {
    return Number(Math.floor(Math.random() * 90000) + 10000)
  }
}

//更改为：
//改为：
//在“数据”中，使用生成的随机值
数据（）{
返回{
项目：[
{dummyindexfixforcollapseisue:this.generateRandomNumber（），名称：“冷冻酸奶”，卡路里：159}，
{dummyindexfixforcollapseisue:this.generateRandomNumber（），名称：“冰淇淋三明治”，卡路里：237}
]
}
}
//下面是生成随机值的“方法”
方法：{
GeneratorDomainNumber（）{
返回编号（Math.floor（Math.random（）*90000）+10000）
}
}
在您输入文本时，它似乎会折叠该行，因为它会重新绘制该行。但还有更多的事情发生，因为当我打开和关闭多行时，我在一行中输入的文本将开始更新一个完全不同的行。@btl，我已经为我的问题添加了答案，请检查这是否有意义？不管怎么说，这对我很有效。