常见的问题系列---【Error in callback for immediate watcher "maxHeight": "TypeError: Cannot read】

1.报错

  Error in callback for immediate watcher "maxHeight": "TypeError: Cannot read...

解决方案

如下,参考紫色部分

<div class='tableList'>
          <el-table
            class='tableCss'
            :data='tableData'
            :max-height="tableData.length?tableMaxHeight:'auto'"
            border
            resizable='true'
            style='width: 100%'>
            <el-table-column type='index' label='序号'></el-table-column>
            <el-table-column prop='name' width='100' label='支出人'></el-table-column>
            <el-table-column prop='payTypeName' width='80' label='支出类型'></el-table-column>
            <el-table-column prop='amount' width='100' label='支出金额'></el-table-column>
            <el-table-column prop='payMethodName' width='100' label='支付方式'></el-table-column>
            <el-table-column prop='payAccount' label='支付账号'></el-table-column>
            <el-table-column prop='payTime' label='支付时间' show-overflow-tooltip></el-table-column>
            <el-table-column prop='remark' label='备注'></el-table-column>
            <el-table-column label='操作' fixed='right'>
              <template slot-scope='scope'>
                <el-button type='success' icon='el-icon-edit' size='mini' @click='updateDialog(scope.row)'></el-button>
                <el-button type='danger' icon='el-icon-delete' size='mini'
                           @click='deleteOutcome(scope.row)'></el-button>
              </template>
            </el-table-column>
          </el-table>
          <div style='text-align: left' ref='pagination'>
            <el-pagination
              @size-change='handleSizeChange'
              @current-change='handleCurrentChange'
              :current-page='param.pageNo'
              :page-sizes='[10, 20, 30, 40]'
              :page-size='param.pageSize'
              layout='total, sizes, prev, pager, next, jumper'
              :total='param.total'>
            </el-pagination>
          </div>
          <outcomeEditor :showDialog='showDialog' :updateParam='updateParam' :optionType='optionType'></outcomeEditor>
        </div>

 

posted on 2022-04-26 17:07  少年攻城狮  阅读(1938)  评论(0)    收藏  举报

导航