Valor de paso del componente del navegador del applet de Wechat, valor de paso de la página

Recientemente, participé en el desarrollo de un proyecto de subprograma de WeChat y necesitaba transferir la información de un determinado módulo de una página a otra. Aprendido al verificar la información, puede usar el componente del navegador para completar. Escriba el registro de este artículo, con la esperanza de ayudar a los amigos que lo necesiten.

Necesita una descripción específica

Esta es una página para que los estudiantes busquen tareas / exámenes y envíen tareas / exámenes.
Aquí, los estudiantes pueden ver todas las tareas, incluidas las que aún no se han enviado y las que ya se han enviado. Por supuesto, cada trabajo se representa en un cuadro separado.
Un trabajo (cuadro) contiene mucha información. Por ejemplo, qué profesor asignó, qué capítulo de tarea, cuál es la hora de inicio y finalización, cuál es el contenido de la tarea, etc.
El diseño del producto requiere una nueva página de "detalles del trabajo". Eso necesita transferir la información de cada cuadro a una nueva página.
Inserte la descripción de la imagen aquí

Código

url es el enlace de la nueva página
; Después de los datos que se van a transmitir, hay varios datos con & connection.

<navigator class="background"
          url='../studyHomeworkDetails/studyHomeworkDetails?homeworkId={
     
     {homeworklist.homeworkId}}&teacherName={
     
     {homeworklist.teacherName}}&hasBeenSubmit={
     
     {homeworklist.hasBeenSubmit}}&homeworkChapter={
     
     {homeworklist.homeworkChapter}}&homeworkTitle={
     
     {homeworklist.homeworkTitle}}&homeworkContent={
     
     {homeworklist.homeworkContent}}&homeworkPicture={
     
     {homeworklist.homeworkPicture}}&homeworkSubmitContent={
     
     {homeworklist.homeworkSubmitContent}}&homeworkSubmitPicture={
     
     {homeworklist.homeworkSubmitPicture}}&homeworkStartTime={
     
     {homeworklist.homeworkStartTime}}&homeworkEndTime={
     
     {homeworklist.homeworkEndTime}}'>
          <!-- 用navigator来传递数据，点击不同作业，传输相应的数据 -->
          <!-- 传递作业id,老师名称，提交情况，作业章节，作业题目，作业内容，作业图片，提交内容，提交图片，开始时间，截至时间 -->
</navigator>

En la función onLoad en la nueva página, a través de setData, options.data se asigna al valor de la nueva página.

 /**
   * 生命周期函数--监听页面加载
   */
  // 从上级页面获取作业的详细信息，学生可以浏览阅读
  // 学生提交作业，通过表单，修改homeworkSubmitContent,homeworkSubmitPicture和hasBeenSubmit
  onLoad: function (options) {
    
    
    this.setData({
    
    
      homeworkId: options.homeworkId,
      teacherName: options.teacherName,
      hasBeenSubmit: options.hasBeenSubmit,
      homeworkChapter: options.homeworkChapter,
      homeworkTitle: options.homeworkTitle,
      homeworkContent: options.homeworkContent,
      homeworkPicture: options.homeworkPicture,
      homeworkSubmitContent: options.homeworkSubmitContent,
      homeworkSubmitPicture: options.homeworkSubmitPicture,
      homeworkStartTime: options.homeworkStartTime,
      homeworkEndTime: options.homeworkEndTime
    })
  },

efecto final

Haga clic en una tarea para ir a los "detalles del trabajo". ¡Desde aquí, podemos ver los detalles del trabajo seleccionado!
Inserte la descripción de la imagen aquí