在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

鍍金池/ 問答/HTML/ vue 子組件如何每次進入觸發(fā)方法？

vue 子組件如何每次進入觸發(fā)方法？

現(xiàn)有一個父組件A，父組件下頭兩個子組件，B,C.子組件B,C通過隱藏或顯示被顯示出來。
在初次進入組件時會在beforeMount觸發(fā)一個方法.再次進入不在觸發(fā)方法。

問題：如何每次進入都會觸發(fā)方法？

 <div>
                        <span v-if="changeFlageEdit">
                            <!--商品模塊-->
                            <childGoodsEdit @toParGoodsValed='comeChildGoodsValed'
                                            v-bind:comePar = 'choiceList_arr_edit'>
                            </childGoodsEdit>
                        </span>
                        <span v-if="!changeFlageEdit">
                            <!--服務(wù)模塊-->
                            <childServeEdit
                                v-bind:comeParSer = 'choiceList_arr_edit'
                                @toParServeVal='comeChildServeValed'>
                            </childServeEdit>
                        </span>
                    </div>
回答
編輯回答
互擼娃

1在父級，點擊切換的時候直接調(diào)用子組件的方法，
2就是把切換狀態(tài)的字段傳給子組件，子組件在watch該字段的狀態(tài)，當符合情況的時候在觸發(fā)方法

2017年6月21日 06:44
編輯回答
遲月

v-if寫在子組件上，子組件的created里面調(diào)用你需要用到的方法。v-if切換時重新創(chuàng)建渲染和銷毀組件

2018年7月21日 05:34
編輯回答
莓森

watch: {

        '$route' (to, from) {
            //這個地方寫邏輯代碼
        }
    }
2018年9月4日 22:52
編輯回答
短嘆

可以從父組件傳遞changeFlageEdit，子組件定義changeFlageEdit的props

調(diào)用
<A :isChangeFlageEdit="true/false"></A>

A.vue文件
<template>
    //A組件模版
</template>
<script>
export default {
 created () {
      this.changeFlageEdit = this.isChangeFlageEdit
 },
 data () {
  return {
    changeFlageEdit: true
  }
 },
 props: {
   isChangeFlageEdit: {
     type: Boolean,
     default: true
   }
 },
 watch: {
  changeFlageEdit: function (newValue) {
    console.log(newValue)
  }
 },
 ...
}
</script>
2018年7月28日 04:50