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彈框本身就屬於一個子組件，子組件嵌套子組件，嵌套了兩層的關系。