作者:等号拖轮_496 | 来源:互联网 | 2023-02-01 20:05
我具有已登录用户数据的root元素,并且在用户个人资料组件上,我将登录的用户数据作为道具传递。
但是,当我尝试在子组件中调用用户对象属性时,它将引发未定义错误。我在子组件中看不到任何值。
app.js
Vue.component("usersmanagment", require("./components/usersmanagment"));
const app = new Vue({
el: "#app",
components: {
'v-select': vSelect
},
data() {
return {
AuthorizedUser: {
Email : "",
FirstName : "",
LastName : "",
CreatedUtcDateTime : "",
IsActive : ""
}
};
},
mounted() {
let vm = this;
vm.getAuthorisedUserProfile();
},
methods: {
getAuthorisedUserProfile() {
let vm = this;
// just return auth user data
}
});
比子组件我传递道具
module.exports = {
props : ["AuthorizedUser"],
};
在我的视图文件中,我是Asp.Net MVC
我可以在vue chrome开发工具中看到授权用户已更新,但其价值并未在子组件上更新。
1> craig_h..:
您尚未在此处包括它,但我猜想是您正在使用传递道具,camelCase
但您需要使用传递道具kebab-case
(请参阅:camelCase vs kebab-case)。因此,请确保您正在执行以下操作: