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：click不会执行它所链接的功能，我无法弄清为什么

这是我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使其正常工作。