Wechatアプレットナビゲータコンポーネントのパス値、ページパス値

Wechatアプレットナビゲータコンポーネントのパス値、ページパス値

最近、WeChatアプレットプロジェクトの開発に参加し、あるページの特定のモジュールの情報を別のページに転送する必要がありました。情報を確認することで学習し、ナビゲーターコンポーネントを使用して完了することができます。困っている友達を助けることを望んで、この記事の記録を書いてください。

具体的な説明が必要

これは、学生が宿題/試験を閲覧し、宿題/試験を提出するためのページです。
ここでは、学生はまだ提出されていないものとすでに提出されているものを含むすべての課題を見ることができます。もちろん、各ジョブは別々のボックスにレンダリングされます。
ジョブ（ボックス）には多くの情報が含まれています。たとえば、どの教師が割り当てたか、どの章の宿題、開始時間と終了時間、宿題の内容などです。
製品設計には、新しい「ジョブの詳細」ページが必要です。各ボックスの情報を新しいページに転送する必要があります。

コード

urlは新しいページのリンク
です;？送信するデータの後に、接続された複数のデータがあります。

<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> 

新しいページの下のonLoad関数では、setDataを介して、options.dataが新しいページの値に割り当てられます。

 /**
   * 生命周期函数--监听页面加载
   */
  // 从上级页面获取作业的详细信息，学生可以浏览阅读
  // 学生提交作业，通过表单，修改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
    })
  },

最終効果

割り当てをクリックして、「ジョブの詳細」にジャンプします。ここから、選択したジョブの詳細を表示できます！