vue 動態添加表格列


this.currentMaxBatch++
let batch '批次' + this.currentMaxBatch // 新增的列名
// 添加數據
this.productDataSource.forEach(item => {
    console.log('item=', item)
    this.$set(item, batch, '') // v-model可實時更新
    // item[batch] = '' // v-model不能實時更新
})
// 添加列名
let columnsItem = {
    title: batch,
    width: 100,
    align: 'center',
    dataIndex: batch,
    scopedSlots: { customRender: batch },
}
this.$nextTick(() => {
    this.productColumns.push(columnsItem)
    // 需要渲染列的集合,用於template渲染列
    this.operation.push(batch)
})

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM