vue.js中data值传到页面不显示

gishys 2018-05-16 10:00:16
页面中html:
<div class="app1">
<ul class="axiostext" id="appproject">
<li v-for="li in list">{{li.ProjectName}}</li>
</ul>
</div>

javascrip:
var vm = new Vue({
el: '#appproject',
data: {
list: []
},
mounted() {
axios.get("~/projects/get?id=1")
.then(response => {
console.log(response);
var obj = JSON.parse(JSON.stringify(response));
this.list = response.data;
//this.list.push(response.data);
console.log(this.list);
})
}
});

console内容:
console.log(response);
Object { data: "{\"Id\":1,\"ProjectName\":\"项目管理系统\",\"ProjectCode\":null,\"StartDate\":\"2018-05-03T16:26:36\",\"FinishTime\":\"0001-01-01T00:00:00\",\"Users\":[]}", status: 200, statusText: "OK", headers: {…}, config: {…}, request: XMLHttpRequest }
console.log(this.list);
{"Id":1,"ProjectName":"项目管理系统","ProjectCode":null,"StartDate":"2018-05-03T16:26:36","FinishTime":"0001-01-01T00:00:00","Users":[]}
最后显示的结果:没有内容,而且变成了多行,应该只有一行数据
...全文
2361 7 打赏 收藏 转发到动态 举报
写回复
用AI写文章
7 条回复
切换为时间正序
请发表友善的回复…
发表回复
子非咸鱼 2021-04-29
  • 打赏
  • 举报
回复
引用 6 楼 kkhk04 的回复:
别用this.list,用vm.list来接收
学到了,多谢
kkhk04 2019-06-21
  • 打赏
  • 举报
回复
别用this.list,用vm.list来接收
wcwtitxu 2018-05-16
  • 打赏
  • 举报
回复
axios.get("~/projects/get?id=1").then(response => { console.log(response); var obj = JSON.parse(response.data); // this.list.push(obj); this.list = [obj]; console.log(this.list); })
gishys 2018-05-16
  • 打赏
  • 举报
回复



引用 2 楼 showbo 的回复:
this.list = response.data

==>数组,否则是变量对象了

this.list = [response.data]

改成
this.list = [response.data]
数组中的内容变成字符串了:
Array [ "{\"Id\":1,\"ProjectName\":\"项目管理系统\",\"ProjectCode\":null,\"StartDate\":\"2018-05-03T16:26:36\",\"FinishTime\":\"0001-01-01T00:00:00\",\"Users\":[]}" ]
界面中数据条数对了,如果不是json那内容就没法显示了
gishys 2018-05-16
  • 打赏
  • 举报
回复
引用 2 楼 showbo 的回复:
this.list = response.data ==>数组,否则是变量对象了 this.list = [response.data]
我使用静态数据就没问题: var vm1 = new Vue({ el: '#app', data: { list: [ { "Name": "China", title: '中国' }, { "Name": "Japan", title: '中国的一部分' }, { "Name": [], title: "韩国" }] } });
  • 打赏
  • 举报
回复
this.list = response.data ==>数组,否则是变量对象了 this.list = [response.data]
gishys 2018-05-16
  • 打赏
  • 举报
回复
界面效果,大神们帮看看问题出在哪了?

87,995

社区成员

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今
社区公告
暂无公告

试试用AI创作助手写篇文章吧