vue渲染后触发事件

太过爱你忘了你带给我的痛 2022-05-26 00:26 474阅读 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 条评论，474人围观）

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

相关阅读

相关 vue 事件同时触发两个函数

vue 事件同时触发两个函数 <div @click="event1() event2()"></div> //或 <div @change="f

约定不等于承诺〃/ 2023年10月07日 20:57/ 0 赞/ 38 阅读

相关 vue使用capture修饰符捕获事件触发

使用capture修饰符捕获事件触发，可以指定事件的执行顺序  <div id="app"> <!-- 使用

偏执的太偏执、/ 2023年07月11日 06:21/ 0 赞/ 47 阅读

相关 Vue子组件触发父组件事件

父组件是使用 props 传递数据给子组件，但如果子组件要把数据传递回去，就需要使用自定义事件！我们可以使用 v-on 绑定自定义事件, 每个 Vue 实例都实现了事件接口

﹏ヽ暗。殇╰゛Y/ 2023年03月05日 03:29/ 0 赞/ 71 阅读

相关 vue 自动触发点击事件

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

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

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

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

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

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

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

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

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

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

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

相关 vue渲染后触发事件

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

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

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

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

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

相关 echarts外部触发echarts事件 VUE

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

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