在普通的js文件中写了一个function getCarouselList() { return "/carousel/getCarouselList"; },然后在组件中使用时获取不到import { myapi } from "@/components/common/request/myApi";methods: { //获取轮播图的列表数据 getLunBoList() { this.$http.get(myapi.getCarouselList).then((response) => { this.goodsList = response.data; }); }, },
时间: 2024-03-16 21:43:03 浏览: 116
react-carousel:在 React.js 中构建的 Carousel UI 组件
根据您提供的信息,可能是因为您在 `myApi.js` 文件中导出的是一个函数,而不是一个对象,因此在组件中通过 `{ myapi }` 导入时,实际上获取到的是一个函数,而不是一个对象。您需要将导出的内容包装成一个对象,然后将 `getCarouselList` 函数作为对象的一个属性导出,例如:
```javascript
// myApi.js
const myapi = {
getCarouselList: "/carousel/getCarouselList"
}
export default myapi
```
然后在组件中通过 `import` 导入整个对象,然后通过调用对象的属性来获取 `getCarouselList` 函数所返回的值,例如:
```javascript
// MyComponent.vue
<template>
<div>{{ goodsList }}</div>
</template>
<script>
import myapi from "@/components/common/request/myApi";
export default {
data() {
return {
goodsList: []
}
},
methods: {
// 获取轮播图的列表数据
getLunBoList() {
this.$http.get(myapi.getCarouselList).then((response) => {
this.goodsList = response.data;
});
},
},
mounted() {
this.getLunBoList();
}
}
</script>
```
这样就可以在组件中成功获取到 `getCarouselList` 函数所返回的值了。
阅读全文