uniapp Vue2 子组件给父组件传值

简介: uniapp Vue2 子组件给父组件传值

子组件

<template>
 <view>
    <button @click="sendValue">点击发送值</button>
  </view>
</template>
<script>
  export default {
    data() {
      return {
        zhi:'子的值'
      }
    },
    onLoad() {
    },
    watch: {
    },
    methods: {
sendValue() {
      this.$emit('myevent', this.zhi);
    }
    },
  }
</script>
<style>
</style>

父组件

<template>
  <TC-WXlogin @myevent="handleEvent" />
</template>
<script>
  import TCWXlogin from '/uni_modules/TC-WXlogin/pages/index.vue';
  export default {
    components:{
    TCWXlogin 
    },
    data() {
      return {
      }
    },
    onLoad() {
    },
    methods: {
       handleEvent(value) {
            console.log(value); // 输出子的值
      }
    }
  }
</script>
<style>
</style>
相关文章
|
20天前
|
JavaScript
在Vue中,父组件和子组件之间是如何通信的?
在Vue中,父组件和子组件之间是如何通信的?
25 3
|
20天前
|
JavaScript
在vue中,Vue 的父组件和子组件生命周期钩子函数执行顺序?
在vue中,Vue 的父组件和子组件生命周期钩子函数执行顺序?
23 0
|
20天前
|
资源调度 JavaScript API
uniapp项目vue2升级vue3
uniapp项目vue2升级vue3
112 0
|
20天前
|
JavaScript
Vue有关子组件向父组件传值问题(已解决)
Vue有关子组件向父组件传值问题(已解决)
22 0
|
19天前
|
JavaScript
vue父组件点击事件向子组件传递值
vue父组件点击事件向子组件传递值
|
20天前
|
JavaScript 前端开发
VUE里父组件与子组件的交互操作
VUE里父组件与子组件的交互操作
18 0
|
20天前
|
JavaScript
Vue.js 中父组件调用子组件的方法
Vue.js 中父组件调用子组件的方法
46 2
|
20天前
|
JavaScript 前端开发 API
Vue.js 中子组件向父组件传值的方法
Vue.js 中子组件向父组件传值的方法
27 2
|
20天前
|
JavaScript
vue父组件向子组件传值的方法
vue父组件向子组件传值的方法
15 0
|
20天前
|
JavaScript
vue父组件获取子组件单多个输入框(input)的值
vue父组件获取子组件单多个输入框(input)的值
28 0