v-pane-header内のボタンをクリックすると角度のあるv-accordionが無効になる

Question

私はプロジェクトでは角度のあるv-accordionを使用していますが、vの内側にあるボタンだけを踏んだときには、 -paneヘッダー。

これはサンプルコードです。 また、codepenのリンクも含まれています。

<v-accordion control="accordionA"> 

    <v-pane expanded="pane.isExpanded"> 
     <v-pane-header> 
     <h5>{{ ::pane.header }}</h5> 
     <button>Button</button> 
     </v-pane-header> 

     <v-pane-content> 
     <p>{{ ::pane.content }}</p> 
<v-pane-content> 
</v-pane> 
</v-accordion> 

Codepenリンク：誰もがこの上で役立つことができればenter link description here

は非常に感謝.. は事前にお願いします。

乾杯！

Answer 1

ボタンにクリックを追加します。ボタンがtrueにいくつかのブールフラグを切り替えます関数を呼び出します。そして、あなたに追加

$scope.stopCollapsing = false; 
$scope.toggleCollapse = function(){ 
    $scope.stopCollapsing = true; 
} 

をif文collapseCallback：

$scope.collapseCallback = function (index, id) { 
    if($scope.stopCollapsing){ 
     $scope.accordionA.toggle(index); 
    } 
    console.log('collapse:', index, id); 
    }; 

そして、それはそれです。崩壊を防ぐためにどこからでもstopCollapsingを切り替えることができます。 これは更新コードコピーのバージョンです： http://codepen.io/anon/pen/GrxEqQ