在 v-expansion-panel 标题中单击 v-btn 时防止打开

Question

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 的标题中带有操作按钮。

当我单击操作按钮时，会打开扩展面板。

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

Answer 1

通过使用@click.native.stop对v-btn您的按钮，点击会工作和你的扩展面板不会打开。

Answer 2

对不起。

我不知道 stopPropagation 方法。