vue渲染后触发事件

太过爱你忘了你带给我的痛 2022-05-26 00:26 410阅读 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();
                }
            });

发表评论取消回复

表情：

评论列表（有 0 条评论，410人围观）

还没有评论，来说两句吧...

相关阅读

相关触发dva的dispatch后，组件视图未重新渲染

触发dva的dispatch后，组件视图未更新 1. 使用dispatch方法后，正确调用model下的reducers的某个方法，但是组件更新React组件中的ren

ゝ一纸荒年。/ 2023年06月20日 06:05/ 0 赞/ 23 阅读

相关 vue 自动触发点击事件

需要，点击左边的菜单，顶部菜单相应改变，但是都需要点击事件，页面进来时，默认触发点击事件方法一，vue自定义指令 directives:{

Dear 丶/ 2023年01月12日 14:56/ 0 赞/ 269 阅读

相关 Vue实现自动触发点击事件

directives:{ trigger:{ inserted(el, binging){ console.l

灰太狼/ 2023年01月01日 01:53/ 0 赞/ 347 阅读

相关 Vue自定义指令默认触发事件

使用自定义指令需要在指令前面加 v- <el-tooltip style="outline:none" v-automatic class="item" effect

柔光的暖阳◎/ 2022年12月07日 12:15/ 0 赞/ 350 阅读

相关回车键触发事件

回车键触发事件 $scope.user_search = function (e) { var keycode = window.event ? e

╰+攻爆jí腚メ/ 2022年11月22日 05:18/ 0 赞/ 251 阅读

相关 jquery事件触发

1.1．事件触发 trigger()在每一个匹配的元素上触发某类事件 mouseover鼠标悬停事件 $(“\btn”).live(click,function(

Bertha 。/ 2022年06月06日 06:38/ 0 赞/ 264 阅读

相关 vue 兄弟组件之间事件触发

直奔肢体直奔主题！兄弟组件之间的事件触发，大概思路是通过父级组件交换数据，watch来监听触发事件。场景是父级组件A同时引用两个子级组件B，C。点击B组件中

秒速五厘米/ 2022年06月03日 09:22/ 0 赞/ 344 阅读

相关 vue渲染后触发事件

定义vue var collegeContent = new Vue({ el: "collegeContent",

太过爱你忘了你带给我的痛/ 2022年05月26日 00:26/ 0 赞/ 411 阅读

相关 vue props 传值触发事件方法

先父页传值到子页用watch 监听show的值改变，触发方法 <dialog :show='showData' v-on:listen='handData'></d

淩亂°似流年/ 2022年05月13日 15:52/ 0 赞/ 528 阅读

相关 echarts外部触发echarts事件 VUE

//显示事件 listMousEnter(event){ event.target.style.backgroundColor='f00

左手的ㄟ右手/ 2021年09月07日 06:12/ 0 赞/ 858 阅读