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

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

  • 相关阅读:
    SQL命令
    MySQL、Oracle、SQL Server
    函数调用
    php 读取图片显示在页面上 demo
    浅谈PHP正则表达式中修饰符/i, /is, /s, /isU
    jquery $.ajax()方法
    HTML 字符实体
    php 内置支持的标签和属性
    java-03 变量与运算符
    java-02 JDK安装与环境变量配置&安装编程IDE
  • 原文地址:https://www.cnblogs.com/gczmn/p/9485811.html
Copyright © 2011-2022 走看看