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

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

我先说下自己的思路:

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

你可能感兴趣的:(公司项目相关,微信小程序,vue)