单击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方法。

Answer 3

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