vue中子組件經過$parent操做父組件的參數或者方法

先看一個簡單的demo：

父組件添加一個彈框，彈框的內容是另外導入的一個子組件：

<Modal v-model="accountDetailsModal" class="ivu-model-cell" footer-hide 
         width="92%" :styles="{height: '90%'}">
      <accountDetailsModalCell v-if="accountDetailsModalShow"></accountDetailsModalCell>
</Modal>

 

在子組件點擊某個按鈕，關閉父組件的彈框：

<!-- 點擊關閉父組件的彈框 -->
<span @click="$parent.$parent.accountDetailsModal = false">按鈕</span>

 

這裏用了兩個$parent是由於Modal彈框自己就屬於一個子組件，子組件嵌套子組件，嵌套了兩層的關係。