在 v-expansion-panel 标题中单击 v-btn 时阻止打开答案

【问题标题】：Prevent open when click v-btn in v-expansion-panel headers在 v-expansion-panel 标题中单击 v-btn 时阻止打开
【发布时间】：2018-08-06 14:59:14
【问题描述】：

test (e) {
  e.preventDefault()
  console.log('foo')
},

<v-expansion-panel>
  <v-expansion-panel-content>
    <div slot="header">
      <v-btn icon flat @click="test($event)"><v-icon>add</v-icon></v-btn>
      title
    </div>
    <contents />
  </v-expansion-panel-content>
</v-expansion-panel>

这是 v-expansion-panel，其标题中带有操作按钮。

当我点击操作按钮时，展开面板被打开。

我可以让我点击按钮时扩展面板不打开吗？

【问题讨论】：

标签： vue.js vuetify.js

【解决方案1】：

通过在v-btn 上使用@click.native.stop，您的按钮点击将起作用，您的扩展面板将无法打开。

【讨论】：

【解决方案2】：

最简单的方法是使用@click.stop=""

【讨论】：

【解决方案3】：

对不起。

我不知道 stopPropagation 方法。

【讨论】：