• 简书网微信公众号二维码
您当前的位置: 首页 > 知识百科 > 小程序可以动态更新内容吗?小程序怎么动态更新内容?

小程序可以动态更新内容吗?小程序怎么动态更新内容?

时间:2023-07-01 14:05 阅读数:310 人阅读 分类:知识百科

  微信官方为了提高微信小程序的用户体验,在设计小程序页面时,原则上是不允许动态更新标题的,小程序顶部导航栏的标题会根据内容的不同进行修改。但是有开发者表示小程序可以动态更新内容吗,这个是可以的,以下是操作方法。

  固定微信小程序架构

  pages

  example

  example.js

  example.json

  example.wxml

  example.wxss

  utils

  app.js

  app.json

  app.wxss

  微信小程序默认架构中存在全局设置文件app.json,用以设置小程序跳转页面链接、窗体格式、TabBar以及网络超时等。

  页面标题有两种需求存在:页面功能固定(如:设置功能、个人信息展示功能),该类页面可采用在功能页面配置.json文件的形式;另一类需求为页面内容与业务关联*比较强,需要从数据库中获取数据后方可确定页面标题,该类页面需在功能页面加载时采用动态设置的方式。

  1. 页面标题内容固定

  1.1示例:

  //页面标题代码在example.json文件中的书写格式

  {

  "navigationBarTitleText": "充值业务"

  }

  1.2示图:

  

  2. 随小程序数据库返回内容动态更新页面标题

  //example.js加载时动态设置页面标题

  //获取应用实例

  var app = getApp();

  Page({

  data: {},

  onLoad: function (options) {

  var that = this;

  that.setData({

  mername: options.mername//options为页面路由过程中传递的参数

  })

  wx.setNavigationBarTitle({

  title: that.data.mername//页面标题为路由参数

  })

  },

  onReady: function () {

  // 页面渲染完成

  },

  onShow: function () {

  // 页面显示

  },

  onHide: function () {

  // 页面隐藏

  },

  onUnload: function () {

  // 页面关闭

  }

  })

  小程序可以动态更新内容吗?上文中就介绍了小程序动态更新内容的详细方法了,希望大家参照这个流程都能够利用小程序功能更新相应的内容,更多相关资料请关注微信小程序商店。

  

  小程序发布会内容怎么更新?微信小程序怎么发布?

  微信小程序缓存更新怎么做?

  微信小程序动态列表怎么制作?