vue自定义组件调用父函数,vue自定义组件修改父组件的值,vue自定组件调用父级的值

最新推荐文章于 2021-04-06 15:03:34 发布

小一梦

最新推荐文章于 2021-04-06 15:03:34 发布

阅读量418

点赞数

分类专栏： vue 文章标签： vue

本文链接：https://blog.csdn.net/weixin_43728978/article/details/104937705

版权

vue 专栏收录该内容

20 篇文章 1 订阅

订阅专栏

1.在自定义组件中调用父组件的函数

Vue.component('my-componnet',{
	template:`<div @click="getF">{{]}</div>`,
	methods:{
		getF:function(){
			this.$root.f();//父函数
			debugger
			this.$root.fVal;//父级data中的值
			this.$root.fVal=999;//修改父级data中的值
}
}
});

2.父级HTML

<div id="iBox"></div>
<script>
	iBox=new Vue({
		el:'#iBox',
		data:{
				fVal:10,
		},
		methods:{
			f:function(){
			alert('我是你的老大')
}
})
</script>