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 {
				
			}
		},methods: {
			 handleEvent(value) {
			      console.log(value); // 输出子的值
			}
		}
	}
</script>

<style>

</style>

相关文章

文章浏览阅读52次。1.0.0版本 只需修改API接口即可 接口位置...
文章浏览阅读820次。在uni-app和vue3中,我们可以封装全局函...
文章浏览阅读671次,点赞22次,收藏6次。整理在Uniapp应用开...
文章浏览阅读122次。【代码】Uniapp Vue3 父组件给子组件传值...
文章浏览阅读765次。包括数据绑定和计算属性、条件渲染和列表...
文章浏览阅读129次。Uniapp 底部导航栏 自定义 tabBar 全端 ...