福州網站建設僅需1000元起包含域名空間,詳情18558752805

  • vue如何在父組件指定點擊事件后向子組件傳遞參數并調用子組件的事件?

福州網站建設 >網站新聞 >vue使用問題 >

父組件

<template>
  <div>
    <el-button type="text" @click="sonFun">useSon</el-button>
    <sonV ref='sonV' :mes="sonData"></sonV>
  </div>
</template>
<script>
import sonV from './test.vue';
export default {
  components: {
    sonV
  },
  data() {
    return {
      sonData: ''
    };
  },
  medthods: {
    sonFun() {
      this.sonData = '123';
      let param = 456;
      this.$refs.sonV.sonFun(param);
    }
  }
};
</script> 
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27

子組件

<template>
  <div>{{mes}}</div>
</template>
<script>
export default {
  props:['mes'],
  data(){
    return{
    }
  },
  methods:{
    sonFun(param){
      console.log(this.mes)
      console.log(param)
    }
  }
}
</script> 
掃描二維碼分享到微信
確 認

Copyright ? 2014-2019  www.526278.tw福州網站制作 福州網站建設盡在福州E點互動 版權所有

cctv5电竞 吉祥麻将吉林版本规则 广西11选5彩梦开奖 三全水饺和湾仔码头哪个好吃 海南环岛赛体彩规律表 3d试机号开奖官网 广东11选五一定牛势图 上海天天彩选4开奖公告 手机彩票网站大全 国标麻将高手 要加入微信红包麻将群 长沙麻将app什么最好 深圳风采走势图表 七星体育直播app 山西扣点代理客服 贵阳捉鸡麻将微乐 亿客隆