console
var Main = {
data() {
return {
tableData: [
{
date: '2016-05-03',
name: '王小虎王小虎王小虎王小虎',
address: '上海市普陀区金沙江路 1518 弄'
}
],
showLast: true,
width1: 120
};
},
methods: {
},
mounted() {
setTimeout(() => {
this.showLast = false
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");