zoukankan      html  css  js  c++  java
  • 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(){ }
        }
    }

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

  • 相关阅读:
    Java基础-Object通用方法
    Java基础-关键字
    Java基础-运算
    Java基础-String
    Java基础-数据类型
    GCN-GAN:对加权动态网络的非线性时间链路预测模型
    长短期记忆(long short-term memory, LSTM)
    CSP 201604-1 折点计数
    介绍一个好东西C++11
    malloc free使用规范
  • 原文地址:https://www.cnblogs.com/gczmn/p/9485811.html
Copyright © 2011-2022 走看看