常见的问题系列---【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   少年攻城狮  阅读(1899)  评论(0编辑  收藏  举报

相关博文:
阅读排行:
· DeepSeek 开源周回顾「GitHub 热点速览」
· 物流快递公司核心技术能力-地址解析分单基础技术分享
· .NET 10首个预览版发布:重大改进与新特性概览!
· AI与.NET技术实操系列(二):开始使用ML.NET
· 单线程的Redis速度为什么快?
历史上的今天:
2021-04-26 java基础---【数据结构可视化工具,包含红黑树,二叉树等演示工具】
< 2025年3月 >
23 24 25 26 27 28 1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31 1 2 3 4 5

导航

统计

点击右上角即可分享
微信分享提示