Vue.js 获取类星体表上的当前ID

早上好

我试图在一个类星体表中编辑特征。 它按预期工作，但当表中有多个条目时，它默认为最后一个条目

行的值是使用道具添加到组件的，我的问题是获取当前行。 因此，我的问题是，当单击按钮时，它如何获得正确的行

---

您可以使用

props.row

获取行数据

示例-

<q-table
          title="Treats"
          :data="data"
          :columns="columns"
          row-key="name"
        >
          <template v-slot:body-cell-name="props">
            <q-td :props="props">
              <div>
                <q-badge color="purple" :label="props.value"></q-badge>
                <q-btn icon="edit" dense flat size="sm" @click="EditData(props.row)"></q-btn>
              </div>

            </q-td>
          </template>
        </q-table>


  methods:{
    EditData(row){
      alert("hi")
      console.log(row);
      console.log(this.data.indexOf(row))
    }
  }

方法：{
编辑数据（行）{
警报（“hi”）
控制台日志（行）；
console.log（this.data.indexOf（row））
}
}

现在您有了一行和特定行的索引。您可以使用

拼接

或替换特定索引上的元素

代码笔-

---

检查控制台。

是否没有任何插槽可暴露该项目？或者，是否没有将项目作为有效负载发出的事件？（抱歉，对Quasar不太熟悉）嗨，帕特尔，这正是我想做的，但它仍然会转到最后一行。你需要用同一索引上的更新替换原始元素。我明白你的意思，但我正在使用对话框将数据传递给组件，我只得到最后一行。如果数据在同一个页面或组件中，您所说的是正确的，我已经有了一个函数可以完全做到这一点。请检查。把QDialog放到桌子外面。我认为这会起作用。嗨，帕特尔，在进一步研究之后，ID是正确的，但它仍然将错误的数据拉入组件。