动态添加Dom元素，及表格添加列

1、动态添加Dom元素

解决办法：

// 记得引入Vue
// import Vue form 'vue'
var Periodtd = Vue.extend({
   
   template: '<el-table><el-table-column label="mingcheng"></el-table-column></el-table>'
})
var td = new Periodtd().$mount()
// var levelHtml = this.$refs.level
var levelHtml = document.getElementById('level')
levelHtml.appendChild(td.$el)

过程中出现的问题
1、template无法编译

// vue.config.js
resolve: {
   
  alias: {
   
      vue$: 'vue/dist/vue.esm.js', // 为支持编译template模板
      '@': resolve('src')
    }
  }

2、在表格中添加列
使用的方法是

var Periodtd = Vue.extend({
   
   template: '<el-table><el-table-column label="mingcheng"></el-table-column></el-table>'
})

注意添加el-table标签，否则会报错：$mount()解析过程中parent is undefined，是因为el-table-column单独使用无法解析，因此使用时要添加el-table
但是此方法无法适用于已有表格添加列

2、表格添加列

现有表格

想要在“功能缺失分级”下添加C等级。
表格代码

<el-table :data="tableList" @header-click="headClick">
  <el-table-column prop="section" label="区域" width="60">