iview table 自定义列_iview中表格中自定义列,render函数如何双向绑定一个输入框...

这是我刚想到的方法,我也是网上找了半天没找到答案,然后灵机一动,就想到了哈哈哈哈。

注意看我加粗部分。 注意看 //!!!!!!!!!!!!!!

data() {

const _this = this //!!!!!!!!!!!!!!!!!

return {

columns1: [

{

title: '序号',

key: 'index'

},

{

title: '进程名',

key: 'name'

},

{

title: '到达时间',

key: 'arrival-time',

render(h, params) {

return h('div', [

h('InputNumber', {

props: {

value: params.row['arrival-time']

},

on: {

input(value) {

params.row['arrival-time'] = value

_this.data1[params.index]['arrival-time'] = value //!!!!!!!!!!!!!!!!!!!

}

}

})

])

}

},

{

title: '服务时间',

key: 'service-time',

render(h, params) {

return h('div', [

h('InputNumber', {

props: {

value: params.row['service-time']

},

on: {

input(value) {

params.row['service-time'] = value

_this.data1[params.index]['service-time'] = value //!!!!!!!!!!!!

}

}

})

])

}

},

{

title: '操作',

key: 'handle',

render(h, params) {

return h('div', [

h('Button', {

on: {

click(a) {

// TODO

}

},

props: {

type: 'error',

ghost: true

}

}, '删除')

])

}

}

],

data1: [

{

index: 1,

name: '进程1',

'arrival-time': 0,

'service-time': 4

},

{

index: 2,

name: '进程2',

'arrival-time': 2,

'service-time': 3

},

]

}

},

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值