zoukankan      html  css  js  c++  java
  • uniapp爬坑之旅_开发一个自己的app_day27_完善数据库并给添加任务限制条件

    一、项目进度

    今天继续完善了数据库,让用户添加的多个任务以对象数组的形式集中在一条记录中,并且给用户添加新任务限制了条件,名字相同的任务不可重复添加

    二、效果演示

    三、遇到的问题

    1.第一次知道了在一个云函数的success或fail函数中执行另外一个云函数,函数里面的云函数没法直接从页面data中取值,而只能从父辈云函数的data中取值

    <script>
          export default {
                data() {
                      return {
                            taskName: '任务二'
                      }
                },
                methods: {
                      submit() {
                            uniCloud.callFunction({
                                  name: 'get_userTask',
                                  data: {
                                        cloud_taskName: this.taskName, // js方法中的云函数可以直接获取data的变量
                                  },
                                  success(res) {
                                        uniCloud.callFunction({
                                              name: 'update_userTask',
                                              data: {
                                                    // success()函数中的云函数只能获取父辈云函数定义的变量
                                                    cloud_taskName: this.data.cloud_taskName, // √
                                                    
                                                    // 下面的获取方式会报错
                                                    cloud_taskName: this.taskName, // ×
                                              }
                                        });
                                  }
                            });
                      }
                }
          }
    </script>
    

    2.点击add.vue界面的确定按钮后,添加任务到云函数库,本来设想是“添加成功”的提示框先出来,再跳转页面;但是不知道为什么,运行的效果确实先跳转再弹出提示框

    四、明天的目标

    把主页面的任务组件化,并获取云数据库的数据到任务的详情界面

  • 相关阅读:
    判断IE浏览器的版本号
    解决下拉框第一行出现空格的问题
    Springboot整合log4j2日志全解
    Java NIO之Selector(选择器)
    ZooKeeper客户端 zkCli.sh 节点的增删改查
    Java API操作ZooKeeper
    ReentrantLock(重入锁)功能详解和应用演示
    MySQL高可用集群方案
    Redis高可用之集群配置(六)
    linux free命令详解
  • 原文地址:https://www.cnblogs.com/huangch/p/14388913.html
Copyright © 2011-2022 走看看