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

鍍金池/ 問答/HTML/ vue父組件調(diào)子組件方法,狀態(tài)更新了,但是沒應(yīng)用

vue父組件調(diào)子組件方法,狀態(tài)更新了,但是沒應(yīng)用

//子組件
<template>
  <section v-show="bool">11</section>
</template>
<script>
export default {
  data() {
    return {
      bool: false
    };
  },
  mounted() {
  },
  methods: {
    aaa() {
      let that = this;
      that.bool = true;
      console.log(that.bool);
      setTimeout(() => {
        that.bool = false;
        console.log(that.bool);
      }, 2000);
    }
  }
};
</script>

//父組件
<template>
  <section>
      <zujian></zujian>
  </section>
</template>
<script>
import zujian from "@/components/zujian";
export default {
  data() {
  },
  mounted() {
    zujian.methods.aaa();
  },
  components: {
    zujian
  }
};
</script>

父組件調(diào)用以后,子組件的兩次console正確,但是子組件的狀態(tài)并沒有發(fā)生改變,求解。

回答
編輯回答
尛曖昧

this.$children[0].aaa();

2018年4月7日 10:53
編輯回答
懷中人

父組件可以控制子組件,但是子組件不能控制父組件的參數(shù),如果你要關(guān)閉顯示,在你的子組件上寫上方法回調(diào),在你的父組件里更改狀態(tài)
圖片描述

2018年6月5日 12:51
編輯回答
情未了

自問自答
refs的形式去調(diào)

//父組件
<template>
  <section>
      <zujian ref="zujian"></zujian>
  </section>
</template>
<script>
import zujian from "@/components/zujian";
export default {
  data() {
  },
  mounted() {
    this.$refs.zujian.aaa();
  },
  components: {
    zujian
  }
};
</script>
2018年3月26日 00:14