button - 在 v-on:click 或 @click (Vue.js) 中的函数上传递变量

Question

我现在正在用 vuejs 开发一个系统。我想知道如何在 v-on:click 或 @click 中传递变量值？这是我的代码：

props.row 包含一个键为“_id”的对象，我想要做的是将它传递给函数“视图”。

<q-td key="status" :props="props">
  <q-btn
    color="primary"
    label="view"
    v-on:click="view({{props.row._id}})"
    icon="remove_red_eye"
  /> 
</q-td>

程序崩溃。

Answer 1

您可以直接在 @click 中传递 _id 而无需使用 .native。不要将原生事件与组件发出的 Vue 事件混淆。它们是不同的东西。

<q-td key="status" :props="props">
  <q-btn 
    color="primary"
    label="view"
    @click="view(props.row._id)"
    icon="remove_red_eye"
  />
</q-td>

有关更多详细信息，请参阅此文档（https://quasar-framework.org/guide/quasar-upgrade-guide.html#Some-components-need-native-modifier-for-events-now）。

Answer 2

刚进去！只解决我自己的问题。大声笑这就是我所做的：

<q-td key="status" :props="props">
  <q-btn
    color="primary"
    label="view"
    @click.native="view(props.row._id)"
    v-on
    icon="remove_red_eye"
  />
</q-td>