Mari kita bincangkan tentang beberapa kaedah pemindahan parameter halaman dalam program mini.

Artikel ini akan memperkenalkan anda kepada beberapa kaedah lulus parameter halaman dalam program mini Saya harap ia akan membantu anda!

Cara menghantar parameter dari halaman dalam program mini

Pas parameter dari url

Kaedahnya sama seperti di web.

halaman indeks1

<navigator url="/pages/index2/index2?name=海贼王">页面2</navigator>

atau

    wx.navigateTo({
      url: "/pages/index2/index2?name=海贼王"
    })

halaman indeks2

  onLoad: function (options) {
    console.log(options);// { name : 海贼王}
  },

Perlu diambil perhatian bahawa jika index2 ialah halaman bar tab, parameter halaman tidak boleh diperolehi dalam onLoad. [Cadangan pembelajaran berkaitan: Tutorial Pembangunan Program Mini]

Saluran Acara Saluran Acara

Jika halaman Halaman lain dibuka melalui wx.navigateTo, dan saluran data akan diwujudkan antara dua halaman:

• Halaman yang dibuka boleh memperoleh this.getOpenerEventChannel() > objek; EventChannel panggil balik
• wx.navigateTo juga mengandungi objek success. EventChannel

Kedua-dua objek

boleh menggunakan kaedah EventChannel dan emit untuk menghantar dan mendengar acara antara satu sama lain. on

index1.wxml

<view>
  来自于页面2 传递的数据: {{msg}}
</view>

index1.js

Page({
  data: {
    msg: ""
  },
  onLoad: function () {
    // 1 跳转到页面2
    wx.navigateTo({
      url: "/pages/index2/index2",
      // 2 在成功的回调函数中获取事件通道对象
      success: ({ eventChannel }) => {
        // 3 监听自定义事件
        eventChannel.on("data", (e) => {
          // 4 获取页面2传递过来的数据 设置到 data中
          this.setData({
            msg: e.name
          })
        })
      }
    });
  },
})

index2.js

Page({
  onLoad: function () {
    // 被使用 wx.navigatorTo打开的页面获取获取到一个事件通道对象
    const EventChannel = this.getOpenerEventChannel();
    // 触发事件和传递参数到 页面1中
    EventChannel.emit("data", { name: '海贼王' });
  }
})

Storan Tempatan

Penggunaan storan setempat dalam applet adalah serupa dengan penggunaan di web, yang boleh mendapatkan data dan Simpan data

index1.js

wx.setStorageSync('data', {name:'海贼王'});// 可以直接存任意类型的数据

index2.js

wx.getStorageSync('data');// 获取

Pembolehubah global aplikasi

Halaman yang berbeza berada dalam aplikasi biasa Aplikasi ini boleh difahami sebagai

app.js

app.js.

Data awam boleh ditakrifkan di sini

App({
  myData: {
    name: "悟空"
  }
})

index1.js

Halaman boleh diperolehi melalui

getApp

    let app = getApp();
    console.log(app.myData);

Sudah tentu, anda juga boleh mengubah suai terus

    let app = getApp();
    app.myData.name="八戒";

pembolehubah awam

untuk menentukan fail js bebas untuk menyimpan data Go dalam dan anda boleh

common.js

const data = {
  name: "海贼王"
};

module.exports = data;

index1.js

const data = require("../../common");
Page({
  onLoad: function () {
    console.log(data);
  },
})

Lebih banyak pengaturcaraan berkaitan Untuk pengetahuan, sila layari:

Video Pengaturcaraan! !

Atas ialah kandungan terperinci Mari kita bincangkan tentang beberapa kaedah pemindahan parameter halaman dalam program mini.. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!