周大胖子 发表于 2018-11-25 23:09:42

父子组件的相互通信

除了前一篇的 关于父子组件通过prop 进行 通信, 还可以用 ref 进行通信

在Home.vue文件中的 html

      <button @click="geta()">父组件获取子组件的值 通过ref</button>
      <v-head ref="header"></v-head>在Home.vue文件中的 script
,geta(){
      alert(this.$refs.header.lm)   //获取子组件的值
      this.$refs.header.amc()       //调用子组件的方法
      // 就是说 给子组件的 标签上一个 ref="header" 然后可以直接在这里 获取子组件的值 和 方法
    }
==============================
下面则是子组件调用父组件的方法

这个就简单了, 直接在组件里 写
alert(this.$parent.mvc)


页: [1]
查看完整版本: 父子组件的相互通信