laravel - 硬刷新后显示数据
问题描述
我正在使用 vue 和 laravel。我有一个编辑个人资料页面,其中包含一些表单(名称、电子邮件、...)此表单的默认值第一次没有显示,但如果用户刷新页面,一切都会正常工作!!!
<template>
<label>Name:</label>
<input type="text" v-model="name">
<label>Email:</label>
<input type="email" v-model="email">
<template>
<script>
export default {
data () {
return {
name:'',
email:'',
}
},
mounted : function(){
this.getVueItems();
},
methods: {
getVueItems: function(){
axios.get('./api/auth/me').then(response => {
var vm = this;
vm.name = response.data.name;
vm.email = response.data.email;
});
},
getAuthUser () {
this.user = this.$store.getters.currentUser
},
updateAuthUser () {
this.submiting = true,
axios.put('./api/auth/update', {
name:this.name,
email:this.email,
})
.then(response => {
// this.submiting = false;
location.reload(true);
// success();
})
.catch(error => {
this.submiting = false;
})
},
}
}
</script>
有什么问题?
解决方案
当您使用箭头函数时,该关键字已经可以在函数内部访问。为此,如果您从控制台中的 api 获得正确的响应值,您应该首先检查控制台。因此,如下更改您的功能并检查一次。
async getVueItems() {
await axios.get('./api/auth/me').then(response => {
console.log(response);
this.name = response.data.name;
this.email = response.data.email;
});
推荐阅读
- java - 使用 FasterXML/jackson 发送包含 base 64 编码二进制文件的 JSON 请求的异常 - 截断的有效负载 JSON 字符串
- python - Pandas Groupby to_csv 无法添加标题
- asp.net-core-2.0 - ASPNET Core 2 (jwt auth) 中的自定义策略身份验证
- r - 对多个变量 R 进行分组和求和
- php - 根据 Woocommerce 中的用户数据自动更新订单账单的名字和姓氏
- css - 在 ember powerselect 中自定义搜索框
- javascript - 如何在 .then 中为 JS 函数传递参数,或实现类似的行为?
- c# - 在 Linq 中按组求和值
- python - `nltk` CoreNLPParser:防止在 POS 标记器中的连字符处拆分
- javascript - 工具提示屏幕阅读器将读取文本,但文本保持视觉隐藏