明细表输入框、回车事件
[vue3代码]写在生成的[表.vue]文件中,[vue2代码]写在[表.jsx]文件methods方法中;二选一实现
vue3代码
//方式1:监听输入、下拉框选择事件框事件
detailOptions.columns.forEach(x => {
if (x.field == '字段') {
//如果字段是输入框,添加onKeyPress事件
x.onKeyPress = (row, column, $event) => {
//回车事件
if($event.keyCode==13){
}
//可以输入时给其他字段字段设置:row.字段=
}
//如果字段是下拉框或日期,添加onChange事件
x.onChange=(row, val, event)=>{
}
}
})
vue2 代码
//方式1:监听输入、下拉框选择事件框事件做计算
onInited() {
this.detailOptions.columns.forEach(x => {
if (x.field == '字段') {
//如果字段是输入框,添加onKeyPress事件
x.onKeyPress = (row, column, $event) => {
//回车事件
if($event.keyCode==13){
}
//可以输入时给其他字段字段设置:row.字段=
}
//如果字段是下拉框或日期,添加onChange事件
x.onChange=(row, val, event)=>{
row.字段=row.字段1+row.字段2
}
}
})
}