vue，通过点击子级页面按钮触发父级元素的显示与隐藏。

最新推荐文章于 2024-07-23 16:17:43 发布

林大颖

最新推荐文章于 2024-07-23 16:17:43 发布

阅读量2.9k

点赞数

文章标签： vue

本文链接：https://blog.csdn.net/qq_43553697/article/details/103405515

版权

父级页面：

<template>   
    <div>            
        <v-sidebar @parentPopme="popTimeline"></v-sidebar>                    
        <!--步骤条-->             
        <el-footer v-if="lesteps">                   
        	<step-for-build></step-for-build>
        </el-footer> 
    </div>
</template>
<script>
export default {
	data(){
		return {
			lesteps:false,
		}
	},
	methods:{
		popTimeline(val){
			this.lesteps= !this.lesteps;
		}
	}
}
</script>

子级页面：

<template>  
    <el-tooltip content="步骤条" placement="top" effect="light">    
    	<el-button  icon="el-icon-edit" @click="articlesteps"></el-button>    
    </el-tooltip>                    
</template>
<script>
export default {
	methods:{
		articlesteps(){
           this.$emit("parentPopme",'');
         },
	}
}
</script>