vue项目给子组件传值

1：首先引入子组件

import audit from "@/view/leaveApplyManage/modal/audit.vue";

2：定义子组件

  components: {
    audit
  },

3:定义属性

   //查看
    onDtls(row) {
      this.auditModalShow = true;
      this.modalId = row.stu_id;
      this.rowId = row.id;
      this.auditPath = row.cur_audit_ins_node_path;
    }

4:在子组件标签中传值

5:子组件通过props来接收

export default {
  props: ["str", "rowId", "auditPath"],

6::在watch中监听新值和旧值的变化

  watch: {
    str: {
      handler(newVal, oldVal) {
        if (newVal) {
          this.auditId = newVal;
          this.getList(newVal);
          this.UploadFile(newVal);
        }
      }
    },
    rowId: {
      handler(newVal, oldVal) {
        if (newVal) {
          this.rowId = newVal;
        }
      }
    },
    auditPath: {
      handler(newVal, oldVal) {
        if (newVal) {
          this.auditPath = newVal;
          this.okPath(this.auditPath);
        }
      }
    }
  },

7:在需要的地方使用就可以了