SOURCE

console 命令行工具 X clear

                    
>
console
var Main = {
    data() {
        return {
            tableData: [
                {
                    date: '2016-05-03',
                    name: '王小虎王小虎王小虎王小虎',
                    address: '上海市普陀区金沙江路 1518 弄'
                }
            ],
            showLast: true,
            width1: 120
        };
    },
    methods: {

    },
    mounted() {
        setTimeout(() => {
            // 取消地址列
            this.showLast = false
            // 姓名列变成最后一列 然后不设置width 自适应获得剩余宽度
            this.width1 = null

            setTimeout(() => {
                this.showLast = true
                this.width1 = 120
            }, 2000)
        }, 2000)
    }
};
var Ctor = Vue.extend(Main)
new Ctor().$mount('#app')
<script src="//unpkg.com/element-ui@2.15.7/lib/index.js"></script>
<div id="app">
<el-table
    ref="multipleTable"
    :data="tableData"
    tooltip-effect="dark"
    style="width: 500px">
    <el-table-column
      type="selection"
      fixed="left"
      width="55">
    </el-table-column>
    <el-table-column
      label="日期"
      prop="date"
      width="120">
    </el-table-column>
    <el-table-column
      prop="name"
      label="姓名"
      show-overflow-tooltip
      :width="width1">
    </el-table-column>
    <el-table-column
      prop="address"
      label="地址"
      v-if="showLast"
      show-overflow-tooltip>
    </el-table-column>
  </el-table>

</div>


@import url("//unpkg.com/element-ui@2.15.7/lib/theme-chalk/index.css");

本项目引用的自定义外部资源