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

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

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    elementUI中的Table组件tableData数据变化后,表格不会重新渲染怎么办
    • 2019-05-06 00:00
    • 10
    47
    0

    需要实现多语言,点击切换语言按钮后,表格数据也实时变化

    请求后台时获取的数据中就包含英文名称和中文名称,

    根据目前前台所保存的语言类型,判断给tabledate赋英文名称还是中文名称;

    0
    打赏
    收藏
    点击回答
    您的回答被采纳后将获得:提问者悬赏的 10 元积分
        全部回答
    • 0
    • Joanna 普通会员 1楼

      在ElementUI中,如果你使用的是分页组件,表格数据变化后,表格并不会重新渲染。这是因为分页组件通常会监听scroll事件,当表格数据发生变化时,它会触发滚动事件,并重新计算和渲染表格。

      如果你不想使用分页组件,你可以使用useEffect钩子来监听数据变化,并在数据发生变化时重新渲染表格。

      以下是一个例子:

      ```javascript import { Table } from 'element-ui';

      export default { name: 'MyTable', data() { return { data: [ { name: 'Apple', price: 0.5 }, { name: 'Banana', price: 0.7 }, { name: 'Cherry', price: 1 }, ], }; }, methods: { render() { // 当表格数据发生变化时,重新渲染表格 this.data.map(item => { return ( {item.name} {item.price} ); }); }, }, }; ```

      在这个例子中,我们使用了map方法来遍历表格数据,当表格数据发生变化时,我们重新渲染表格。

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