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

旧城等待， 2021-09-07 06:21 444阅读 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);
    			}
    		},

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

<view>父组件</view>
    		<view v-if="this.current==2">
    			
    			
    			<year-pick @yearDate="abc"></year-pick>
    		</view>

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

发表评论取消回复

表情：

评论列表（有 0 条评论，444人围观）

还没有评论，来说两句吧...

相关阅读

相关父组件向子组件传递数据

既然存在父子关系，所以，肯定是在父组件中调用了子组件。而父组件向子组件传递的数据，可以通过在子组件上定义属性，将数据传递给自定义属性的值的方式，来实现父组件向子组件传递数据

太过爱你忘了你带给我的痛/ 2023年08月17日 17:09/ 0 赞/ 171 阅读

相关 vue中父组件向子组件传递值、方法

> 在vue中子组件是默认无法访问到父组件data中的数据和methods中的方法的,所以我们需要使用特定的方法来完成它。一、父组件向子组件传值通过 props

ゝ一世哀愁。/ 2023年07月13日 11:00/ 0 赞/ 192 阅读

相关 VUE父组件向子组件传递数据

在使用VUE开发的时候，有时候，我们需要通过父组件像子组件传递数据或者为了防止每个子组件都会有请求数据事件的发生，从而导致代码冗余，所以，我们可以把同一个模块下的所有子组

秒速五厘米/ 2023年03月02日 15:57/ 0 赞/ 26 阅读

相关 vue 组件：父组件向子组件传值，以及子组件向父组件传值

1.父组件向子组件传值 <!DOCTYPE html> <html> <head> <meta charset='

矫情吗；*/ 2022年03月28日 04:16/ 0 赞/ 409 阅读

相关 Vue.js 父组件向子组件传值和子组件向父组件传值

父组件向子组件传值 1. 组件实例定义方式，注意：一定要使用`props`属性来定义父组件传递过来的数据 <script> // 创建 Vue

た入场券/ 2022年03月16日 20:16/ 0 赞/ 398 阅读

相关 Vue父组件向子组件传递参数

1、父组件projectBatchsindex.vue // 使用:projectId="this.projectId" 传递参数 <ProjectBatch

以你之姓@/ 2022年02月14日 09:17/ 0 赞/ 373 阅读

相关 vue子组件向父组件传值

背景 vue实现数据交互之子组件向父组件传值，这里通过点击事件改变父组件的值方法子组件User.vue //点击hello users后改变父组件titl

傷城~/ 2021年12月12日 07:21/ 0 赞/ 448 阅读

相关 uniapp 子组件向父组件传值

使用组件可以减少代码的重复率，提高写代码的效率，改起来也方便。最近在使用uni-app做项目，一套代码多端实现，做些简单的项目还是可以的。废话少说，说说子组件向父组件传值。

ゝ一纸荒年。/ 2021年11月24日 01:08/ 0 赞/ 1246 阅读

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

子组件向父组件传动态参数 <template> <view class="leave_cont"> <view>子组件Page</view>

旧城等待，/ 2021年09月07日 06:21/ 0 赞/ 445 阅读

相关 vue $emit 子组件向父组件传值

子组件通过$emit传递数值  <template> <view class="leave_cont

深藏阁楼爱情的钟/ 2021年09月07日 06:06/ 0 赞/ 560 阅读