账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    element中的table render-header函数多次执行
    32
    0

    element中的table render-header函数只要有固定列属性fixed 、render函数中使用了map遍历 或是select多选都会调用多次,实在不知道该如何解决

    0
    打赏
    收藏
    点击回答
        全部回答
    • 0
    • 妓多不压身 普通会员 1楼

      在Element UI的Table组件中,render-header函数用于自定义表头内容,它会在表格渲染时执行。如果你发现这个函数被多次执行,通常可能有以下原因:

      1. 表格组件的data属性(即表格数据)发生变化,每当数据变化时,表格会重新渲染,因此render-header也会跟着再次执行。

      2. 如果你在render-header内部进行了触发视图更新的操作(如调用了this.$forceUpdate()或者更改了某些响应式数据),那么也可能导致该函数被多次执行。

      3. 当你的table存在分页、筛选、排序等交互操作时,每次切换页面、筛选条件或排序方式后,表格都会重新渲染,所以render-header也会被执行。

      4. 如果你的Vue实例或其父组件存在嵌套的动态组件、异步加载数据等情况,每次组件切换或数据加载完成渲染时,都可能会触发表格的重新渲染,进而导致render-header被执行多次。

      以上情况都是正常的Vue渲染机制,确保视图与数据同步。如果因为执行频率过高影响性能,可以尝试在render-header函数内部进行适当的优化处理,避免不必要的计算和DOM操作。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部