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

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

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

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

Answer 2

您可以直接在@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)。

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

Pass a variable on a function inside v-on:click or @click (Vue.js)

button

vue.js

quasar

vue-component

quasar-framework