使用iview在table中嵌入button是比较常见的需求,但是在table中嵌入input或者select你是否考虑过呢?本文用实例介绍input和select在table中的嵌套。
理解table如何嵌套input、select首先要理解vue的可以参考:vue render函数介绍。当然,不理解直接Ctrl + C也是可以使用的 ^_^
在iview的官方文档中,table插入Button的例子如下:
1 { 2 title: 'Action', 3 key: 'action', 4 width: 150, 5 align: 'center', 6 render: (h, params) => { 7 return h('div', [ 8 h('Button', { 9 props: { 10 type: 'primary', 11 size: 'small' 12 }, 13 style: { 14 marginRight: '5px' 15 }, 16 on: { 17 click: () => { 18 this.show(params.index) 19 } 20 } 21 }, 'View') 22 ]); 23 }