【问题标题】:Vuetify: Add Button or Link to Expansion Panel HeaderVuetify:将按钮或链接添加到扩展面板标题
【发布时间】:2019-01-27 01:25:13
【问题描述】:

标题不言自明:如何在 vuetify 扩展面板组件的 header 内添加按钮或链接?

单击链接或按钮时,扩展面板默认行为不应启用。

【问题讨论】:

  • 只需添加.stop modifier 就像这样@click.stop

标签: vue.js vuetify.js


【解决方案1】:

通过在扩展面板标题内的按钮或链接上使用@click.native.stop,它将触发您的点击并阻止扩展面板的默认行为。

【讨论】:

    【解决方案2】:

    使用 @click.native.stop 示例

    <v-btn fab white small color="white" class="button-payment"
       @click.native.stop="onDoSomeThing">Do something</v-btn>
    

    【讨论】:

      猜你喜欢
      • 2020-04-29
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2014-06-28
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多