美文网首页
添加,编辑,查看,创建并复制(走添加接口)如何判断

添加,编辑,查看,创建并复制(走添加接口)如何判断

作者: 流泪手心_521 | 来源:发表于2020-08-21 19:26 被阅读0次

    1.给每一个点击事件传个参数(add,edit,view,copyEdit)

     <template slot-scope="scope">
                          <div class="handle-btn" @click="openDia('add',scope.row)" type="text" size="small"
                                 v-if="scope.row.update">添加
                            </div>
                          <div class="handle-btn" @click="openDia('edit',scope.row)" type="text" size="small"
                                 v-if="scope.row.update">编辑
                            </div>
                            <div class="split" v-if="scope.row.update">|</div>
                            <div class="handle-btn" @click="openDia('copyEdit',scope.row)" type="text" size="small"
                                 v-if="scope.row.update">复制并创建
                            </div>
                            <div class="split" v-if="scope.row.update">|</div>
                            <div class="handle-btn" @click="openDia('view',scope.row)" type="text" size="small">查看</div>
                            <div class="split" v-if="scope.row.del">|</div>
                            <div class="handle-btn" @click="deleteRemind(scope.row)" type="text" size="small"
                                 v-if="scope.row.del">删除
                            </div>
    </template>
    

    2.把参数传过来

    openDia(operationType, obj) {
                   this.operateType = operationType;//把这个值给全局定义的变量
                   this.$set(this.remindForm, 'userId', "");
                   this.operationType = operationType;
                   if (operationType === 'edit' || operationType === 'copyEdit') {
                       this.dialogTitle = '编辑日程';
                       this.searchDetails(obj);
                   } else if (operationType === 'view') {
                       this.dialogTitle = '查看日程';
                       this.searchDetails(obj);
                   } else {
                       this.dialogTitle = '添加日程';
                       this.cssFlag = 'noSeprate';
                       this.resetData();
                   }
               },
    

    3.在保存的时候判断

    submitRemind() {
                    this.$refs['remindForm'].validate((valid) => {
                            if (valid) {
                                this.packageShareMember();
                                if (this.operationType === 'add'||this.operationType === 'copyEdit') {
                                    this.addRemind()
                                } else {
                                    this.editRemind()
                                }
                            } else {
                                return false;
                            }
                        }
                    ) ;
                },
    

    相关文章

      网友评论

          本文标题:添加,编辑,查看,创建并复制(走添加接口)如何判断

          本文链接:https://www.haomeiwen.com/subject/xpjpjktx.html