vue.js - 从 API 获取 asyncData 时 Nuxt val.replace 不是函数
问题描述
我的目的是从 api 获取一些数据,
然后放入 head(){} 设置描述和标题,
但它一直告诉我 val.replace 不是一个函数,
这是我的代码
async mounted() {
...await call api...
if (resDataGetNewsInfo.return_code === 0) {
vm.newsInfoObj = resDataGetNewsInfo.return_msg;
} else {
...
}
...
asyncData() {
return {
newsInfoObj: '',
};
},
...
head() {
return {
description: this.newsInfoObj.news_short_desc,
meta: [
{
hid: 'og:title',
property: 'og:title',
content: this.newsInfoObj.news_title,
},
未捕获的类型错误:val.replace 不是函数
谢谢回答
解决方案
那不是使用方式asyncData
。
您的 API 调用应在内部调用asyncData
,然后返回您的数据
推荐阅读
- javascript - 为什么它记录了错误的项目?
- c++ - 用于 C++ 的更好的文本 UI 调试器,例如用于 python 的 pudb
- python - 如何在 sphinx 中记录使用 @dataclass 注释的可调用类?
- javascript - reactjs中的数组如何同时使用setState和eventHandler?
- python - 如何在 Python 中使用另一个列表的占位符从列表中删除元素
- java - 每次按下一个键时,只发生一次动作/变量更改
- javascript - Observable 类型上不存在属性管道
- c - C中的数组问题
- r - R - 具有动态列名且无聚合的透视数据框
- reactjs - 父组件重新渲染 useEffect