如何在vue.js渲染完界面之后调用一个函数

如题所述

推荐答案 2017-09-22

new Vue({
    mounted:function(){
        this.$nextTick(function(){
            此处填第一次渲染完成后执行的代码
        })
    },
    updated:function(){
        this.$nextTick(function(){
            此处填每次渲染完后执行的代码
        })
    }
})

温馨提示：答案为网友推荐，仅供参考

当前网址：http://22.wendadaohang.com/zd/CS022f2S2I0C0XfX0Sh.html

其他回答

第1个回答 2020-03-14

使用如下代码就可2113以页面加载5261时自动调用某个函数了4102
(document).ready(function(){
funName();})简写方式
$(function(){
funName();})这样写在$(function(){})里面的1653代码就会页面加载完之后立即调内用，不管代容码在页面哪个位置。

第2个回答 2018-06-28

vue里面本身带有两个回调函数：一个是`Vue.nextTick(callback)`，当数据发生变化，更新后执行回调。本回答被网友采纳

相似回答

如何在vue.js渲染完界面之后调用一个函数答：可以在mounted中调用 mounted: function () { this.$nextTick(function () { // Code that will run only after the // entire view has been rendered }) }

如何让vuejs中ready函数加载完之后执行某个函数答：使用如下代码就可以页面加载时自动调用某个函数了 (document).ready(function(){ funName();})简写方式 $(function(){ funName();})这样写在$(function(){})里面的代码就会页面加载完之后立即调用，不管代码在页面哪个位置。