vue v-nav指令属性列表

 

v-nav指令属性列表

属性名	属性描述	类型	必选	默认
title	导航栏标题	String	No	空字符串
showBackButton	是否显示（左边的）返回按钮	Boolean	No	false
onBackButtonClick	返回按钮点击回调函数 默认调用history.go(-1)	Function	No	undefind
showMenuButton	是否显示（右边的）菜单按钮	Boolean	No	false
onMenuButtonClick	菜单按钮点击回调函数	Function	No	undefind
backButtonText	返回按钮文字（图标）	String	No	见备注
menuButtonText	菜单按钮文字（图标）	String	No	见备注

 

 

 

 

 

 

 

 

html页面

<div class="page has-navbar" v-nav="{title: '标题',showBackButton:true,onBackButtonClick,showMenuButton:true,onMenuButtonClick,menuButtonText:'+'}"></div>

js中需要写两个方法: onBackButtonClick 和 onMenuButtonClick , 分别对应返回按钮和菜单按钮两个事件,这里我用的是vue框架

var model={
        template: '#tem',
        data: function(){
            return data;
        },
        methods: { 
　　　　　　  onMenuButtonClick:function(){
               
            },
            onBackButtonClick:function(){
               
            }
　　　　}
}

 

效果: 返回键和菜单键都是可以点的