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

旧城等待， 2021-09-07 06:21 379阅读 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 条评论，379人围观）

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

相关阅读

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

背景 vue要进行数据交互，若父组件要向子组件传值要怎么办那方法父组件的标签引用时，添加v-bind，子组件的props接收注册父组件App.vue

￡神魔★判官ぃ/ 2021年12月12日 06:51/ 0 赞/ 345 阅读

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

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

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

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

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

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

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

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

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