1. 程式人生 > >微信小程式如何在回到當前頁面在不重新整理當前頁面的情況下更新資料

微信小程式如何在回到當前頁面在不重新整理當前頁面的情況下更新資料

首先微信小程式前端是資料驅動,在單個頁面時更新資料必會重新整理頁面,所以想要實現此功能那就要在上一個或多個頁面更改此頁面的資料,在回到此頁面時,其實頁面已重新渲染完了

    //假設要更改的陣列為goods[1,2,3,4,5,6]
    let pages = getCurrentPages();
    let newGoods = pages[pages.length - 2].data.goods.slice(0, 3);
    //其中pages.length-1代表當前頁面,每多減1則代表頁面棧下一層
    pages[pages.length - 2].setData({
      goods:newGoods
    })

相關推薦

解決程式switchTab後tab重新整理

轉自:http://blog.csdn.net/defender_/article/details/54315085 據說這個BUG以後解決,先提供現在的解決辦法 [javascript] view plain copy <span style

程式點選switchTab重新整理

當switchTab點選過的時候,只有第一次載入資料,第二次點選的時候是不重新整理資料的,這個時候只要在需要每次點選都重新整理資料的switchTab頁的js里加上onShow的方法即可 onShow:function(e){ this.onLoad(); }

直擊根源:程式中web-view再次重新整理頁面需要退兩次

背景 在上一章(直擊根源:vue專案微信小程式頁面跳轉web-view不重新整理)解決了vue在小程式回退不重新整理的問題之後,會引出了一個重新整理的頁面需要點選返回兩次才能返回上一個頁面 問題描述 在A頁面從B頁面帶了引數返回之後,A頁面會重新整理,直接導致了,A頁面返回上一個頁面需要點選兩次,其中點

程式 某個頁面直接返回首頁(程式退到首頁)

開啟小程式後,到三級頁面後點擊左上角的返回按鈕,能夠直接返回到首頁   正常 A -> B -> C 都是通過 wx.navigateTo 跳轉的,所以 wx.navigateBack 只能返回上一介面,如果要返回到A 介面就會出現 C -> B -> A

程式(看文件寫例項四)程式課堂寶APP實現簽到子頁面佈局及課程視訊播放頁面

一、簽到子頁面佈局 子頁面主要是一個簽到按鈕,然後下方是簽到記錄列表。 1、簽到按鈕 佈局程式碼: <button class='sign-button' bindtap='sign'>簽到</button>

程式設定height 100% 起作用解決辦法

https://blog.csdn.net/wshpwangshiyu/article/details/79744884 問題:微信小程式設定背景圖片高度適應整個螢幕,設定height 100% 不起作用? .container-all{ width: 100%; he

程式合法域名配置-校驗合法域名、web-view(業務域名)、TLS 版本以及 HTTPS 證書

微信小程式合法域名配置-不校驗合法域名、web-view(業務域名)、TLS 版本以及 HTTPS 證書 很多教程說按照以上方式呼叫即可。但是當我們在程式中實際呼叫以上程式時,就會報錯, http://14.116.211.92:8099 不在以下 request 合法域名列表中,請參考文件

程式開發——以簡單易懂的瀏覽器頁面棧理解程式頁面路由

前言: 對於小程式的頁面路由,如果沒有一定開發經驗的話,理解起來還是會有些困難的。哪怕是有一定小程式開發經驗的開發者,能夠完全理解掌握的恐怕也不多。 這裡就以另外一種方式來詳細的介紹小程式的頁面棧及路由方式,相信看了本文你能更深入的瞭解小程式的頁面路由的。 模擬場景: 小程式的頁面路徑基本上都可以用P

程式開發——螢幕底部出現tabBar

在小程式開發的過程中,難免會遇到各種錯誤,比如設定了tabBar,螢幕底部卻無法顯示,此時不要心急,一般都是app.json檔案配置出現錯誤,下面給出解決方案。 1、開啟app.json檔案,檢查專案裡是否含有可實現頁面(Pages的內容),若無則建立;已存在的話,可參照下圖程式碼配置。

程式》時間戳相容IOS系統的問題

記一下自己在開發中遇到的問題以及解決方案: 在做表單驗證的時候,需要驗證時間日期是否大於今天。然後通過將日曆外掛選擇的日期和當前日期進行比較。 程式碼如下: //日曆外掛選擇的日期 var date = that.dat

程式封裝獨立公共js,其它頁面呼叫

//index.js var common = require("../../js/common.js"); Page({ /** * 頁面的初始資料 */ data: {

程式之你可能知道的特殊效果

一.下拉重新整理效果 假設頁面為index檔案,那麼程式碼如下: index.json: { "enablePullDownRefresh": true } index.js: //下拉重新整理 onPullDownRefresh: function () { wx.

程式,如何在返回前一個頁面時,執行前一個頁面的方法

var pages = getCurrentPages(); // 當前頁面 var beforePage = pages[pages.length - 2]; // 前一個頁面 // console.log("beforePage"); // console.log

程式開發除錯階段校驗請求域名

使用 wx.request、wx.connectSocket、wx.uploadFile、wx.downloadFile 等方法時,都會涉及到 URL,微信小程式是不允許隨便訪問 URL 的,需要在小程式的“設定”->“開發設定”中,把域名配置進去。 但是在開發環境下

程式開發教程(基礎篇)6-logs頁面解析

上一篇教程中對index頁面進行了解析,這一篇來解析下logs頁面 老規矩先上圖 該頁面包含返回按鈕(用於返回index頁面),頁面title和程式啟動日誌列表。 和index頁面相比,logs頁面多了一個logs.json檔案,來配置頁面title的

程式----返回上一頁重新整理當前重新整理

宣告 bug: 在onShow中執行this.onLoad(),會導致頁面第一次載入的時候陣列載入兩次! 造成原因:頁面載入先執行onLoad,再執行的onShow,就會出現在onLoad載入一次資

程式開發者工具打開的問題

    最近在學習微信小程式的開發,在自己計算機上安裝後,無論如何也打不開,找了好多方法才解決,在這裡記錄一下過程利人助己,話不多說,進入正文。    當開發工具下載成功後雙擊無反應:    1.確定計算機版本是否正確,不正確的話重新下載正確版本,    2.當我下載版本正確

程式 require 和hidden生效

1、微信小程式 沒有node.js的環境,require不生效; 2、微信小程式 hidden只在text上生效,在view中不生效 例子:<text hidden=“{{true}}”>我是文字</text> 3、微信小程式 <templat

程式--實現按鈕跳轉另一個頁面

首先建立一個按鈕 在 index.wxml頁面中建立一個容器作為按鈕 <view class='day-weather' bindtap='onTapDayWeather'> </

程式scroll-view無法準確滾動到頁面最底部

最近在做一個模擬微信聊天頁面的小程式,在使用<scroll-view>元件的scroll-into-view屬性使頁面自動滾動到頁面最底部的時候,發現經常出現滾了一半又滾回去了。後來發現是因為我發出一條訊息之後伺服器會立刻返回一條訊息,短時間內改變了 scroll