多页面-HASH-页面间传值 Sloth-state
Sloth-state.js
由于项目使用其他前端框架编写,没有几个页面,只需要一个页面带参数的跳转,所以就写了这个方法;不依赖任何js;
1/ Sloth.state.setConfig
设置各个页面传值和跳转的名字
Sloth.state.setConfig({ //'default' 是路由的名字,用来go方法跳转template是页面路径;连接host的绝对路径 param是传值的规格;用'/'分开
'default': {template: 'index.html',path: '/',param: ''},'index': {template: 'index.html',path: '/',param: ''},'foods': {template: 'foods.html',path: '/',param: '/id'})
复制代码
2/Sloth.state.go
go方法第一个参数是路由名字;第二个是传值;
Sloth.state.go('index',{id:1});
3/Sloth.state.goBack
返回上一页 Sloth.state.goBack();
4/Sloth.state.currentPage
是当前页面的路由的名字;
5/Sloth.state.params
获取本页面的hash值接收到的参数 Sloth.state.params
6/Sloth.state.chang
hash值变化时调用的参数
Sloth.state.chang(function(){ //页面hash值变化时触发事件 });
复制代码
7/Sloth.state.backViewUrl
返回上一个页面的url Sloth.state.backViewUrl();
这是一些已经实现的方法,目前够用了;
git: github.com/xueliangGit…
转载于:https://juejin.im/post/5c2c89ae6fb9a049fc03a340
多页面-HASH-页面间传值 Sloth-state相关推荐
- Windows Phone 7 - 页面间传值 来源-http://blog.csdn.net/dncts/article/details/6160067
Windows Phone 7 - 页面间传值 分类: Windows Phone 7 2011-01-23 20:42 441人阅读 评论(0) 收藏 举报 在页面间导航时传递参数的方式大致有3种, ...
- vue用公共组件页面传值_vuejs几种不同组件(页面)间传值的方式
在应用复杂时,推荐使用vue官网推荐的vuex,以下讨论简单SPA(single-page application 简称为 SPA)中的组件间传值. 一.路由传值 路由对象如下图所示: 在跳转页面的时 ...
- java 页面之间传值_JSP页面间传值方法
JSP页面间传值方法[@more@] a:最常用的方法是用form中的text, ,然后在b.jsp页面中这样获取 String username=request.getParameter(" ...
- 【项目经验】——ASP.NET页面间传值
最近项目中涉及到很多页面传值的内容,今天,就和大家分享一下最常用的集中ASP.NET页面间传值的几种方法. 一.QueryString传值 QueryString是平常传值中用的比较多的一种方式,使用 ...
- vue引入id3_Vue页面间传值,客户端数据存储,以及父子组件间props传值
初学Vue,遇到了页面传值的问题,大概网上学习了解了一下,在此跟大家分享一下学习心得,欢迎批评指正. 一.参数传值 如果是简单的页面传值,比如传一个id到详情页等等,推荐使用参数传值. 这里页面是通过 ...
- iOS——使用StroryBoard页面跳转及传值
之前在网上搜iOS的页面跳转大多都是按回以前的那种xib的形式,但鄙人是使用storyboard的.这篇就只介绍利用storyboard进行页面跳转与传值. 新建页面 iOS的程序也是使用了MVC的思 ...
- uni-app页面跳转以及传值
在uni-app中是没有路由这一说法的,想要跳转页面官方给出了以下几种方法: 一.通过配置pages.json里面的tabBar来实现,主要写法请参考官方文档: uni-app官方配置pages.js ...
- 移动App开发 MUI框架 利用软键盘的搜索键实现页面跳转并传值
首页 html <body> <input type="text" name="search" id="search" v ...
- 【Android基础】页面跳转与传值(Activity跳转与传值)
一个Android应用程序很少会只有一个Activity对象,如何在多个Activity之间进行跳转,而且能够互相传值是一个很基本的要求. 本次我们就讲一下,Android中页面跳转以及传值的几种方式 ...
- C# asp.net页面通过URL参数传值中文乱码问题解决办法
C# asp.net页面通过URL参数传值中文乱码问题解决办法 参考文章: (1)C# asp.net页面通过URL参数传值中文乱码问题解决办法 (2)https://www.cnblogs.com/ ...
最新文章
- 哈佛大学(2020)《CS50 Python人工智能入门》课程资料下载
- lib和dll文件的区别和联系
- Android ImageView(scaleType属性)(转)
- [*leetcode 5] Longest Palindromic Substring
- vba 定义类_VBA中类的介绍及应用简介
- Watch online
- 频繁默认网关不可用_win10 总是默认网关不可用,怎么回事?
- Jlink-v8 灯不亮重新烧写固件的办法
- awk 使用正则表达式_如何在awk中使用正则表达式
- python 读取pdf 两栏_python 读取pdf
- [系列教程] Discuz模板的制作方法
- 使用CSS实现网格+渐变背景色的Web页面背景
- ConstraintLayout使用汇总
- phpStudy + JspStudy 2014.10.02 下载
- VirtualBox安装Ubuntu教程
- ubuntu将主文件夹的文件夹中文名称改为英文
- 【暗时间】摘录 - 为什么你应该从现在开始就写博客
- 山东大学2019级软件工程应用与实践——基于人工智能的多肽药物分析问题(十二)
- 用MATLAB的函数scatter()绘制散点图
- MATLAB输入、导入方式(手动输入,TXT文件,Excel导入)