如何使用 @row-click 事件从 Quasar 表行获取数据

Question

如何使用@row-click事件从表中获取与行相关的数据？

在下面的示例中，如何获取单击行的 id 和 name 值？

<q-table
  title="Treats"
  dense
  :data="data"
  :columns="columns"
  row-key="id"
  @row-click="rowclick(evt, row)"
/>

(...)

  methods: {
    rowclick(evt, row){
      alert()
    }
  },

Answer 1

尝试这个@row-click="onRowClick"。

     <q-table
          title="Treats"
          dense
          :data="data"
          :columns="columns"
          row-key="id"
          @row-click="onRowClick"
        />

      methods: {
        onRowClick (evt, row) {
          console.log('clicked on', row)
        }
      },

代码笔：https://codepen.io/Pratik__007/pen/qBdaeGY