前端接受到后端显示的数据，但是页面没有更新，且点击上一页才会显示查询到的信息（加了我的代码）

<script>
    new Vue({
        el: '#app',
        data() {
            return {
                pagination: {
                    //查询条件
                    queryString: "",
                    currentPage: 1,
                    pageSize: 2,
                    total: 0,
                },
                //迭代集合
                singleTravelList: [],
            }
        },
        created() {
            this.queryByPage();
        },
        methods: {
            queryByPage() {
                //发起一个异步请求 后端接口
                axios.post("/groupTravel/queryByPage.do", this.pagination)
                    //请求成功之后执行的方法
                    .then(response => {
                        console.log(response);
                        this.groupTravelList = response.data.rows;
                        this.pagination.total = response.data.total;

                    })
            },
            changePages(pageNumUI) {
                this.pagination.currentPage = pageNumUI;
                this.queryByPage();
            },


        }
    })
</script>

前端显示的数据是正确的，但是页面没有刷新一样的

数组变量绑定了el-table应该是没有问题，是否方便发代码出来看看。

你的问题应该是elementUI里的删除，编辑后都没有及时更新，必须刷新一下才可以，这就缺少操作后刷新

你的created{}里面是不是放了分页查询数据的方法？你需要在添加和更新，删除方法最后加上重新查询就可以解决了，当然你的created{}里面应该是调用methods里的方法吧，如果写在created{}里面那么重复性就会太高，给你个例子，你参考一下

 export default {
        name: "Header",
        data() {
            return {
                user: {
                    name:"",
                    password:"",
                    state:0,
                },
                activeIndex: '0',
                cates: {}
                // fakeHead:'',//为头像
                // ifAva:''
            }
        },
        methods: {

           //分页查询方法
    selectPage(){
 this.axios({
                method:'get',
                url:'/xxxxxx',
                params:{
                   xxxxxxx 
                }
            }).then(resp=>{
                xxxxxxxx
            })
      },
//添加
insert(){
xxxxxxx
this.selectPage();
}，
//删除
delete(){
xxxxxxx
this.selectPage();
}，
//更新
update(){
xxxxxxx
this.selectPage();
}，

        },
        created() {
          this.selectPage();
        }

    }

您好，我是有问必答小助手，您的问题已经有小伙伴解答了，您看下是否解决，可以追评进行沟通哦~

如果有您比较满意的答案 / 帮您提供解决思路的答案，可以点击【采纳】按钮，给回答的小伙伴一些鼓励哦～～

ps:问答VIP仅需29元，即可享受5次/月 有问必答服务，了解详情>>>https://vip.csdn.net/askvip?utm_source=1146287632