企业官网建站 小程序开发 云逸学习园地
技术文章 许愿墙
技术文章 PHP学习 Javascript学习 DIV+CSS学习 uniapp学习 HTML学习 微信小程序、公众号知识点 VUE知识学习
您所在的位置>云逸小栈>uniapp学习>正文

uniapp组件化传值方式,$emit的应用

2024-05-10 22:59:41 浏览 2323

直接上代码:

先创建组件  demo.vue ,在组件中声明接收值的方式

export default {
	name: "hauhua-week-day-picker",
	props: {
		hdList: Array, //红点列表
		dateList: Array, //日期列表,可以获取后台接口日期列表
	},
	data() {
	return {
	}
	}
}	

props就是接收调用组件的vue传过来的值


demo组件向父组件传值  通过

this.$emit("back", 100);

父组件 写法

<WeekDay @back="changeBack" :hdList='hdList'></WeekDay>
// hdList 即为向组件内传值 

changeBack(e){
  //接收组件传过来的值
}


网站开发者电话

18066742510

个人微信号
个人公众号
个人小程序
个人抖音