кнопка b v-on: щелчок не будет выполнять функцию

Question

У меня есть b-карта

<b-card  v-for="todolist in todolists" style='max-width: 20rem;' class='mb-2'>
    <b-card-title>{{todolist[1].title}}</b-card-title>

    <b-button href='#' variant='primary' v-on:click.native="changeSelected">View</b-button>
</b-card>

Он просматривает массив, содержащий списки задач, и создает карту для каждого из них (при нажатии на кнопку я хочу, чтобы список задач отображался).

Кнопка on: нажатие кнопки не выполняет функцию, с которой она связана, и я не могу понять, почему

Это внутри моего export default, а также некоторых других вещей, которые на самом деле не связаны с этой проблемой.

exports default {
    data () {
        return {
          id: this.$route.params.id,
          section: {},
          todolists: [],
          selected: false,
          user: ''
        }
      },
      methods: {
        changeSelected () {
          this.selected = true
        }
      }
    }

Answer 1

Удаление .native из v-on:click заставило его работать.