vue中子组件向父组件传递参数(通信)

vue构建项目时,在组件内部引用了子组件,子组件的数据更新或者状态更新,需要向父级组件传递参数,在传递上如下进行定义:

子组件中,在需要向父级组件传递参数的方法中,使用emit传递参数

this.$emit('loadsuc', true);

父组件中,v-on:loadsuc 来监听和接收参数

<template>
  <div>
    <hometask v-on:loadsuc="loadflag"></hometask>
  </div>
</template>
<script>
  import hometask from '../basis/hometask.vue'
  export default {
    components: {
      hometask
    },
     methods: {
      loadflag(data) {
          // 接收到的参数在data中
         console.log(data)
       }
    },
 }
</script>
采用上述方法,即可完成从子组件向父组件传递参数(通信)。本文结。


阅读更多
换一批

没有更多推荐了,返回首页