VUE子组件向父组件传值五响应

学习子组件向父组件传值遇到问题,传过去以后触发监听方法没有任何反应也没有报错。
图片描述

这是父组件App.vue的代码:

<template>
  <div id="app">
    <zidaofu v-on:getmsg="print2"></zidaofu>
  
  </div>
</template>

<script>


import Vue from 'vue'
import zidaofu from './components/zidaofu'

export default {
  name: 'app',
  components: {
   zidaofu
  },
  data(){
    return {
      class1:false,
      part:true,
      link:'http://www.baidu.com',
      list: [
        {
          name:'apple',
          price:34
        },
        {
          name:'banana',
          price:22
        }
      ]
    }
  },
  methods:{
   
    addItem(){
      Vue.set(this.list,1,{
        name:"pine",
        price:87
      });

    },

   
     print2(www){
       console.log('this is zizujian'+www);
     }

    
  }
}

</script>
<!-- 样式代码 -->
<style>

</style>

就看关键传值的代码,正常点击子组件按钮传值后控制台应该有信息输出,可是没有任何反应也没有报错

阅读 2.4k
1 个回答

sendMsg写错了

sendMsg(){
    this.$emit('getmsg', this.zi)
}
撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题