这里用mock模拟后台数据，但是怎么也展示不了，查看了api和mock文件的url是匹配的，api中的函数名在import的时候都是对的，但还是报如下错误，报的错误中_panel.default中panel是文件名。

 找了半天的错误，发现是引用api函数的花括号没写,这里的getCardList要用花括号括起来（下面是需要用到mock数据的页面panelinfo.vue）

 查看api文件夹下的panel.vue文件，这里函数getCardList是明确声明的，在明确声明了命名导出后，那么在另一个js中使用{}引用模块时，import时的模块命名是有意义的（其实就是说，这个函数是明确声明了命名导出，那么另一个文件中import的时候，要用{}括起来并且名字要一致）

查看了原因，发现是自己ES6的语法不熟练

如果这里是export default，则在import函数的时候可以任意命名，所以不需要花括号{}

可参考使用ES6模块化的import特性时，如何正确使用花括号'{ }'

Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Vue里echarts根据页面大小动态调整/自适应

Vue里echarts根据页面大小动态调整/自适应

avatar Vue