【组件传参】返回e和传入的参数 - uniapp中this.$emit回传多个值 - uniapp组件中带事件参数event和多个参数

效果

现在

组件  @change="change($event, item)"

change(e, obj) {
    console.log("e:", JSON.stringify(e))
    console.log("obj:", JSON.stringify(obj))
}

可以同时捕捉到：

e: "basketball"
obj: {"name":"蔡先生","uid":"008"}

以前

默认传参@change="xxx(obj)" 可以传对象参数，但是默认的e事件对象无法获取；

或者不传参@change="xxx" 可以传回点击e事件，但无法传当前行的行信息

 

 

完整代码

<template>
	<view class="padding30 ">
		
		<view v-for="(item, index) in students" :key="index">
			<view class="fontSize30 paddingTop50">
				用户: {{item.name}}
			view>
			<uni-data-select label="爱好" :clear="false" :localdata="range" @change="change($event, item)">uni-data-select>
			
		view>
 
	view>
template>
 
<script>
	export default {
		methods: {
			change(e, obj) {
				console.log("e:", JSON.stringify(e))
				console.log("obj:", JSON.stringify(obj))
			},
		},
		data() {
			return {
				students: [{
						name: '蔡先生',
						uid: '008'
					},
					{
						name: '周某',
						uid: '009'
					}
				],
 
				range: [{
						value: 'basketball',
						text: "篮球"
					},
					{
						value: 'football',
						text: "足球"
					},
					{
						value: 'ride-a-bike',
						text: "骑单车"
					},
				],
 
			};
		},
		
	};
script>
 
<style>
 
style>

封面

 

相关

uniapp 组件传参 事件 e 多个而参数
uniapp中事件带事件参数event和多个参数
uniapp @change事件传多个参数
uniapp:slider组件的方法传多个参报错
uniapp路由传多个参数