gpt4 book ai didi

vue.js - vuejs 挂载生命周期不触发

转载 作者:搜寻专家 更新时间:2023-10-30 22:11:08 27 4
gpt4 key购买 nike

在我下面的 App 组件中,没有触发 mounted() 生命周期钩子(Hook):

<template>
<div>
<div v-if='signedIn'>
<router-view />
</div>
</div>
</template>

<script>
import Vue from 'vue'
import Oidc from 'oidc-client'

Vue.use(Oidc)

export default {
data () {
return {
user: null,
signedIn: false,
mgr: new Oidc.UserManager({...settings...})
}
},
methods: {
signIn () {
},
signOut () {
},
getUser () {
},
mounted () {
this.getUser()
}
}
}
</script>

我已经多次检查代码,不确定我遗漏了什么。我在 main.js 文件中有这个:

new Vue({
el: '#app',
render: h => h(App),
router
})

最佳答案

您在 method 区域中有 mounted,这意味着这是一个名为 mounted 的“函数”(如 getUser()),不是组件挂载时自动调用的 mounted

你应该这样改:

methods: {
signIn () {
},
signOut () {
},
getUser () {
}
},
mounted () {
this.getUser()
}

然后它应该工作并被 Vue 作为正常的生命周期方法自动调用。

希望对您有所帮助!

关于vue.js - vuejs 挂载生命周期不触发,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/47305733/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com