vue v-nav指令属性列表

 

v-nav指令属性列表

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

 

 

 

 

 

 

 

 

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

 

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

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值