vue子组件调用父组件的方法

美味蟹堡

已于 2022-05-11 16:19:00 修改

阅读量523

点赞数 1

文章标签： vue.js elementui 前端

于 2022-05-11 16:18:13 首次发布

本文链接：https://blog.csdn.net/weixin_49471544/article/details/124712648

版权

下面简单的给大家说下我们写代码当中经常遇到的子组件调用父组件的方法，正常一些增删改如果不在一个界面，就需要使用下面子传父

//这里是父组件引入子组件，在引入的子组件上以@方法形式加上

<addlist class="list" ref="list" @search="search"></addlist>

//这里是父组件里的方法

    methods: {
		//查询
		search(){
			...
		},
}

//最后子组件里调用父组件的方法

	//保存
		save(){
			...
			...
			...
			this.$message.success('保存成功！');
			//初始化父组件列表
			this.$emit('search','');
		},

//记住这里的this.$emit('search','')search后的，' '一定要写,不然会没有效果

如果这篇文章对你有用的话，点个小心心再走吧，感谢啦

关注