各位前辈,我有一个问题,关于vue组件使用ajax获取数据渲染页面

 我这里有个book组件,我想通过ajax请求到书籍内容来进行渲染,

我把请求放在created钩子函数里,然后把请求回来的数据赋予我已经创建的数据上

bookData:''

 this.bookData=res.data

html代码里提前绑定了,

<div>{{bookData.author}}</div>
这里遇到一个问题,就是页面正常渲染,但是控制台里会报错,我查看是因为组件渲染的时候,
ajax数据还没有请求回来,这时候的bookData为空,所以报错author不存在,要怎么解决这个问题呢
我使用computed来一个个把数据拆分,但是太过麻烦了。请问有什么方法可以避免报错吗


可以说很强了
浏览 1796回答 1
1回答

李行知

放到mouted里面去加载ajax数据
打开App,查看更多内容
随时随地看视频慕课网APP