动态修改表头字段中文名

1、js
增加fields 对象
create方法增加 给自定义字段赋值

 data() {
        return {
           fields: {},
            dataModel: [],
           ...
           }
           },
created() {
    this.hasAllScopes = user.state.allScopes
    this.$nextTick(() => {
        getField('data_teacher_otherduty').then(data => { 
          data.forEach(obj=>{  
             this.fields[obj.val] =  obj.label
          }) 
        this.dataModel = data
      })
    })
},

2、ui
列表label 取值动态

  <el-table-column :show-overflow-tooltip="true" prop="country" :label="fields['country'.toLowerCase()]==null?'组织/期刊所在国':fields['country'.toLowerCase()]" />
   <el-table-column :show-overflow-tooltip="true" prop="periodicalPost" :sortable="'custom'" :label="fields['periodicalPost'.toLowerCase()]==null?'职务':fields['periodicalPost'.toLowerCase()]">
          <template slot-scope="scope">
           {{ dict.label.periodical_post[scope.row.periodicalPost] == null? scope.row.periodicalPost:dict.label.periodical_post[scope.row.periodicalPost]}}
           </template>
        </el-table-column>
        <div v-for="item in dataModel" :key="item.id" v-if="item.val.indexOf('memo')>-1"class="line"> 
          <el-table-column :show-overflow-tooltip="true" :prop="item.val" :label="item.label" />
        </div>