选择日期子组件向父组件传递动态值（$emit）

旧城等待， 2021-09-07 06:21 461阅读 0赞

### 子组件向父组件传动态参数 ###

<template>
    	<view class="leave_cont">
    	<view>子组件Page</view>
    		<view class="subNav">
    			<view class="chooise-date">
    				<u-picker @confirm="confirm">
    				</u-picker>
    				
    				<view @click="defaultTimeChange">当前选择 {
       {chooise_month}} 年份
    				</view>
    			</view>
    		</view>
    	</view>
    </template>

data() { 
    			return { 
    				chooise_month: 2021,//页面上展示的参数，同时用于传递
    		},
    		
    		watch: { 		
    			chooise_month(val){ 
    				//打印测试
    				console.log(val,'子组件')
    				//vm.$emit('方法名','参数值')
    				//yearDate同时作为父组件的方法名使用，两者通过'yearDate'关联
    				this.$emit('yearDate',this.chooise_month);
    			}
    		},

#### 接受参数的父组件 ####

data(){ 
    			return{ 
    				yearresult:'' //用它来接受abc这个里面返回的参数，然后在本页面使用
    			}
    		}
    		abc(val){ 
    				//val是形参，可以写成别的代替
    				console.log("父组件",val);
    				//赋值完成，通过this.yearresult 就可以使用子组件上的chooise_month这个数据了
    				this.yearresult = val;	
    			}