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(){
               
            }
　　　　}
}

 

效果: 返回鍵和菜單鍵都是可以點的