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

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>

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

2 个答案: