Vue 中组建通信父组件触发子组件的中的方法

1:  Vue父子组件通信方法:

 父组件中定义一个方法:  父组件中触发子组件的方法使用 $emit
  父组件中方法: 

  rowClick(row,column){
    this.$emit('choserow',row);
  },

  choserow:  子组件中方法

  2: <el-input type="number" v-model="scioe.row.modifyQty" @input="rege(scope.row) :disable="disabled" :size="size""></el-input>

  // 去掉输入框的符号, 小数点
  rege(row ) {
    var value = row.modifyQty;
    value = value.replace(/[^0-9]/gi, '');
    row.modifyQty = Number(String(value).split('').slice(0, 8).join(''));
  }

  // 获取分页数据  班次
  async loadShiftList() {
   let daytypeId = this.dataForm.daytypeId;
   console.log(this.dataForm.daytypeId, 22222222222);
   if (daytypeId == '' || daytypeId == null) {
     this.$message({
       message: '请先选择班制',
       type: 'warning',
     });
     return;
   }
   let params = {
     condition: `shift.innerVersion >=0 and shift.dayType.id = '${daytypeId}'`,
     order: '',
     pageNum: 1,
     pageSize: 10,
   };
   await this.$api.shiftApi.findPage(params).then((res) => {
     console.info(res.data, '---shift data');
     if (res.data && res.data.total > 0) {
       this.shiftList = [];
       this.shiftFullList = res.data.list;
       res.data.list.forEach((el) => {
         let obj = {
           id: el.id,
           name: el.name,
         };
         this.shiftList.push(obj);
        });
       }
      });
    },



// 父组件向子组件传值: 子组件身上的属性:  子组件身上属性绑定的值来自父组件data 数据中的值。
   然后在子组件中使用props 进行接受父组件传递过来的值。 在props 属性接受中可以直接使用。

  props: {
    tableList: {
      type: array;
    }
  }

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值