当前位置: 代码迷 >> 综合 >> mpvue- 实现二次确认功能+ 数据渲染
  详细解决方案

mpvue- 实现二次确认功能+ 数据渲染

热度:94   发布时间:2023-12-28 02:23:45.0

需求分析:
1:学生在选校的时候,点击确认直接就选了学校,这个时候需要一个二次确认的功能,以免手抖,进行错误的操作
2:需要新增选校的详细信息,里面难点包括三层数据数据的循环,时间戳转化为正常时间的

我先说下自己的思路:

  • 二次确认:
  1. 点击确认按钮,肯定会触发一个事件来弹框,所以先找到按钮
    在这里插入图片描述
  2. 找这个点击方法
    在这里插入图片描述
  3. 接下来找 showConfirmBox,发现他是一个组件,里面还有一个方法,那就接着找
    在这里插入图片描述
  4. 找到这个方法以后,他里面是确定以后的数据追加,涉及项目私密,就不截图了,那我们要做的就是,在这个方法里,不然他数据追加,而是再次弹出一个对话框,然后让这个对话框,在按照上面的流程,复制出一个对话框
    在这里插入图片描述
  5. 复制出的对话框,然后再复制一个确认的方法
    在这里插入图片描述
  6. 再把确认方法复制一遍就可以了
  • 下面说数据的渲染
  1. 数据的渲染,就是添加字段
    在这里插入图片描述
  2. 格式化时间戳
    没什么技术含量,仿照原来的写
    在这里插入图片描述