Vue + iView dynamic rendering table detailed

Example of this article shared Vue + IVIEW Dynamic Rendering Form (IVIEW Plug-in Table) for your reference, the specific content is as follows

Recommend
(Table head and The form body is dynamically rendered)

vue+iview动态渲染表格详解 Important code

    EXPORT DEFAULT {data () {return {enttive: []}}}, mounted () {// Network access, rendering category list let that = this; AiteUserList (). THEN Function (RES) {// Backstage Return Data IF (res. Data.Data.status === 0) {for (Let i = 0; i 
< res.data.data.info.length; i++) { var entity = { id: -1, columns: [ { type: 'selection', width: 60, align: 'left' }, { title: '巴拉巴拉公司', key: 'user_name' } ], data: [] }; entity.columns[1].title = res.data.data.info[i].company_name; entity.data = res.data.data.info[i].userlist; entity.id = res.data.data.info[i].id; that.entities.push(entity); } } }).catch(function () { console.log('网络访问失败'); }); }
The above is the full content of this article, I hope to help everyone, I hope everyone will support Tumi Cloud.
© Copyright Notice
THE END
Just support it if you like
like0
share
comment Grab the couch

Please log in to comment