收藏
回答

vue中,点击子组件之后,为什么获取不到父组件方法?

点击子组件之后,为什么获取不到父组件方法?

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<script src="https://cdn.bootcss.com/vue/2.6.10/vue.common.dev.js"></script>
</head>
<body>
	<div id="app">
		<table>
			<tbody>
					<div is="row"></div>
					<div is="row"></div>
					<div is="row"></div>
			</tbody>
		</table>
	</div>
	<script type="text/javascript">
		Vue.component('row',{
			data:function(){
				return {
					content:"this is a content",
				}
			},
			methods:{
				handleClick:function(){
					this.$emit("handleChange")
				}
			},
			template:'<tr @click="handleClick"><td> {{content}}</td></tr>'
		})


		var app=new Vue({
			el:"#app",
			data:{
			},
			methods:{
				handleChange:function(){
					console.log("hello")
				}
			}
		})
	</script>


</body>
</html>
回答关注问题邀请回答
收藏

1 个回答

  • undefined
    undefined
    02-03

    子组件获取父组件方法 (你代码抄的没灵魂)

    02-03
    赞同
    回复
登录 后发表内容
问题标签