鼠标放在空值处就会报错
<el-table
ref="multipleTable"
:data="tableData3.slice((currentPage-1)*pagesize,currentPage*pagesize)"
tooltip-effect="dark"
style="width: 100%"
max-height="663"
@select="check"
@selection-change="handleSelectionChange">
<el-table-column
type="selection"
width="55">
</el-table-column>
<el-table-column
sortable
prop="name"
label="姓名">
</el-table-column>
<el-table-column
sortable
prop="orgName"
label="组织">
</el-table-column>
<el-table-column
sortable
prop="position"
label="职位">
</el-table-column>
<el-table-column
sortable
prop="phone"
label="手机号">
</el-table-column>
<el-table-column
sortable
prop="licensePlate"
label="车辆">
</el-table-column>
<el-table-column
sortable
prop="userStatus"
label="用户状态">
</el-table-column>
<el-table-column
sortable
prop="authority"
label="权限">
</el-table-column>
<el-table-column label="操作">
<template slot-scope="scope">
<el-button
size="mini"
type="primary"
@click="editor(scope.$index, scope.row)">编辑</el-button>
<el-button
@click.native.prevent="deleteRow(scope.$index, tableData3)"
type="text"
size="small">
移除
</el-button>
</template>
</el-table-column>
</el-table>
补充一个例子
<template>
<el-table
:data="tableData"
style="width: 100%">
<el-table-column
prop="date"
label="日期"
width="180">
</el-table-column>
<el-table-column
prop="name"
label="姓名"
width="180">
</el-table-column>
<el-table-column
prop="address"
label="地址">
</el-table-column>
</el-table>
</template>
<script>
export default {
data() {
return {
tableData: [{
date: '2016-05-02',
name: '王小虎',
address: ''
}, {
date: '2016-05-04',
name: '王小虎',
address: '上海市普陀区金沙江路 1517 弄'
}, {
date: '2016-05-01',
name: '王小虎',
address: '上海市普陀区金沙江路 1519 弄'
}, {
date: '2016-05-03',
name: '王小虎',
address: '上海市普陀区金沙江路 1516 弄'
}]
}
}
}
</script>
贴下代码吧,不要用图片