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;
}
}
Vue 中组建通信父组件触发子组件的中的方法
于 2021-11-08 17:58:41 首次发布