VUE父模板获取子模板的值

VUE初学
子模板的值传入到模板中并使用;

handleOk () {
          if(this.selectedRowKeys.length<=0){
              this.$message.warning('请选择一条记录!');
              return false;
          }else{
              let that = this;
              //获取选中行的全部数据
              let ros = [];
              ros = that.selectionRows;
              that.checkTaksPre(ros);
              that.onClearSelected();
              //获取选中的ID
              let ids = "";
              that.selectedRowKeys.forEach(function(val) {
                  ids+=val+",";
              });
              that.checkTaksPre(ids);
          }
      },

点击OK时调用此方法 将获取到的值传入到checkTaksPre方法中。

//对象获取字段值
checkTaksPre(ros) {
            var that = this;
            var id = ros[0].id;
            var taskName = ros[0].taskName;
            this.$emit('ok',id,taskName)
            that.close();
        },
//获取ID
checkTaksPre(id) {
            var that = this;
            var wjid = this.mainId;
            getAction("/taskProduct/rmsTaskTemp/insertById", {id: id,wjid:wjid}).then((res) => {
                if (res.success) {
                    that.$message.success(res.message);
                    this.$emit('ok');
                } else {
                    that.$message.warning(res.message);
                }
            }).finally(() => {
                    that.close();
                }
            );
        },

需在子模板中加入

<rmsTaskMuban-modal ref="modalForm" @ok="modalFormOk"></rmsTaskMuban-modal>

父模板获取子模板传过来的数据

modalFormOk(e,task){
            this.model.taskPre = task
            this.model.taskPreId = e
            //把值赋给taskPre字段
            this.form.setFieldsValue(pick(this.model,'taskPre'))
			//把值赋给taskPreId字段
            this.form.setFieldsValue(pick(this.model,'taskPreId'))
        }
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值