vue 中利用父子传值实现 顶部标题栏 中实现不同标题 不同页面添加取消返回键
顶部标题栏组件
<template>
<header class="mui-bar mui-bar-nav">
<!-- 返回键 -->
<a v-show="Boolean(Number(this.isShow))" class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
<!-- 标题 -->
<h1 class="mui-title">{{title}}</h1>
</header>
</template>
<script>
export default{
data(){
return{
title:'',
isShow:true
}
},
props:['title','isShow']//父组件传来的值
}
</script>
其他组件(父组件)中引用标题栏组件(子组件)
<template>
<!--title标题 isShow(0(false)不显示返回键 1(true)显示返回键)-->
<top title='首页' isShow=0></top>
</template>
<script>
import Top from '../common/topNavibar.vue';
export default{
components:{
top:Top
}
}
</script>