vue渲染后触发事件

最新推荐文章于 2024-08-28 11:43:01 发布

__xw

最新推荐文章于 2024-08-28 11:43:01 发布

阅读量8.3k

点赞数

分类专栏： vue

本文链接：https://blog.csdn.net/a944750471/article/details/80028691

版权

vue 专栏收录该内容

5 篇文章 0 订阅

订阅专栏

定义vue

var collegeContent = new Vue({
        el: "#collegeContent",
        data: {
            colleges: []
        },
    });

异步获取数据，渲染

$.ajax({
            url: '../api/collegeData.do',
            type: 'get',
            data: {
                page: page,
                pageSize: pageSize
            },
            success: function (data) {
                collegeContent.colleges = data.data;
                collegeContent.$nextTick(function(){//渲染完成后触发事件
                    $('.list div').on('mouseleave',function(){ $(this).find('.mask').css({"animation" :'back .5s forwards',
                        "-webkit-animation" :'back .5s forwards'}) });

                    $('.list div').on('mouseenter',function(){ $(this).find('.mask').css({"animation" :'mask .5s forwards',
                        "-webkit-animation" :'mask .5s forwards'}) });
                });
                changePageView(Math.ceil(total / pageSize), page);
                pageClick();
            },
            error: function () {
                $('#page').hide();
            }
        });