Как передать переменную в функцию внутри v-on: click или @click в VUEJS?

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

Вы можете напрямую передать _id в @click без использования .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 # Некоторые компоненты-Need-native-Modifier-для-событий-сейчас ) для получения более подробной информации ,

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>