mpvue- 實現二次確認功能+ 數據渲染

需求分析:
1:學生在選校的時候,點擊確認直接就選了學校,這個時候需要一個二次確認的功能,以免手抖,進行錯誤的操作
2:需要新增選校的詳細信息,裏面難點包括三層數據數據的循環,時間戳轉化爲正常時間的

我先說下自己的思路:

  • 二次確認:
  1. 點擊確認按鈕,肯定會觸發一個事件來彈框,所以先找到按鈕
    在這裏插入圖片描述
  2. 找這個點擊方法
    在這裏插入圖片描述
  3. 接下來找 showConfirmBox,發現他是一個組件,裏面還有一個方法,那就接着找
    在這裏插入圖片描述
  4. 找到這個方法以後,他裏面是確定以後的數據追加,涉及項目私密,就不截圖了,那我們要做的就是,在這個方法裏,不然他數據追加,而是再次彈出一個對話框,然後讓這個對話框,在按照上面的流程,複製出一個對話框
    在這裏插入圖片描述
  5. 複製出的對話框,然後再複製一個確認的方法
    在這裏插入圖片描述
  6. 再把確認方法複製一遍就可以了
  • 下面說數據的渲染
  1. 數據的渲染,就是添加字段
    在這裏插入圖片描述
  2. 格式化時間戳
    沒什麼技術含量,仿照原來的寫
    在這裏插入圖片描述
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章