iview之——table中嵌套input、select等

使用iviewtable中嵌入button是比较常见的需求,但是在table中嵌入input或者select你是否考虑过呢?本文用实例介绍inputselect在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 }

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wpdgsx.html