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

发布网友 发布时间：2022-04-22 06:22

我来回答

共3个回答

热心网友 时间：2022-04-22 12:32

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

热心网友 时间：2022-04-22 13:50

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

热心网友 时间：2022-04-22 15:25

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