element 表格组件

clipboard.png

clipboard.png
鼠标放在空值处就会报错

<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>

clipboard.png

阅读 2.2k
2 个回答

贴下代码吧,不要用图片

此错误只有2.3.8版本出现期待修复,他版本是没有这个问题提的

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题