如何在 VUEJS 中的 v-on:click 或 @click 中的函数上传递变量？

Question

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

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

<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）。