Eine kurze Diskussion über zwei Methoden zum Übertragen von Werten zwischen Seiten in Miniprogrammen

In diesem Artikel werden Ihnen zwei Methoden zur Wertübertragung zwischen Seiten in WeChat-Miniprogrammen vorgestellt. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird für alle hilfreich sein.

1: URL mit Parametern übergeben

Wie bei der Front-End-Sprache kann die Übertragung zwischen Miniprogrammseiten durch Hinzufügen von Parametern nach der Routing-URL erfolgen, und die Parameter werden an die neue übergeben eine während der Routing-Seite.

index.wxml:

<!--index.wxml-->
<view class="container">
  <!-- 使用navigator组件 -->
  <navigator url="../demo/demo?title=参数传递">title=参数传递</navigator>
</view>

demo.js

// pages/demo/demo.js
Page({
 
  data: {
    title:''
  },
 
  onLoad: function (options) {
    console.log(options)  //打印options,可以看到title的值可以获取到
    this.setData({
      title:options.title  //为页面中title赋值
    })
  },
 
})

demo.wxml

<!--pages/demo/demo.wxml-->
<view class=&#39;container&#39;>
  {{title}}
</view>

Rendering:

​ ​ ​

2: Speichern Sie den Wert Globale Variablen

Wir können die erforderlichen Werte auch in globalen Variablen speichern und bei Bedarf direkt darauf verweisen.

app.js

//app.js
App({
  globalData: {}
})

index.wxml

<!--index.wxml-->
<!-- 点击触发goto_demo函数 -->
<view class="container" bindtap=&#39;goto_demo&#39;> 
  title=参数传递
</view>

index.js

//index.js
//获取应用实例
const app = getApp()
 
Page({
  data: {
    title:'参数传递'
  },
 
  goto_demo: function() {
    app.globalData.title = this.data.title
    wx.navigateTo({
      url: '../demo/demo',
    })
  }
})

demo.j s

// pages/demo/demo.js
//获取应用实例
const app = getApp()
 
Page({
 
  data: {
    title:''
  },
 
  onLoad: function (options) {
    console.log(app.globalData.title)  //打印options,可以看到title的值可以获取到
    this.setData({
      title: app.globalData.title  //为页面中title赋值
    })
  },
 
})

Denken Sie daran, wann Sie global verwenden müssen Variablen Um zuerst die Anwendungsinstanz abzurufen: const app = getApp()

Das Rendering ist das gleiche wie oben.

Verwandte Lernempfehlungen: Mini-Tutorial zur Programmentwicklung

Das obige ist der detaillierte Inhalt vonEine kurze Diskussion über zwei Methoden zum Übertragen von Werten zwischen Seiten in Miniprogrammen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!