多頁面-HASH-頁面間傳值 Sloth-state

A無聲發表於2019-01-02

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…

相關文章