Rumah > applet WeChat > Pembangunan program mini > Mari kita bincangkan tentang beberapa kaedah pemindahan parameter halaman dalam program mini.

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

青灯夜游
Lepaskan: 2021-10-27 09:41:49
ke hadapan
3073 orang telah melayarinya

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

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

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>
Salin selepas log masuk

atau

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

halaman indeks2

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

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 <🎜 melalui kaedah 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>
Salin selepas log masuk

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
          })
        })
      }
    });
  },
})
Salin selepas log masuk

index2.js

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

Storan Tempatan

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

index1.js

wx.setStorageSync(&#39;data&#39;, {name:&#39;海贼王&#39;});// 可以直接存任意类型的数据
Salin selepas log masuk

index2.js

wx.getStorageSync(&#39;data&#39;);// 获取
Salin selepas log masuk

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: "悟空"
  }
})
Salin selepas log masuk

index1.js

Halaman boleh diperolehi melalui

getApp

    let app = getApp();
    console.log(app.myData);
Salin selepas log masuk
Sudah tentu, anda juga boleh mengubah suai terus

    let app = getApp();
    app.myData.name="八戒";
Salin selepas log masuk

pembolehubah awam

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

common.js

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

module.exports = data;
Salin selepas log masuk

index1.js

const data = require("../../common");
Page({
  onLoad: function () {
    console.log(data);
  },
})
Salin selepas log masuk
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!

sumber:juejin.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan