报错：Property or method "then" is not defined on the instance

Question

点购物车图标，提示框显示，
点击关闭按钮或查看购物车按钮，提示框关闭了，但报错：Property or method “then” is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property.

Answer 1

河畔一角 2021-06-26 06:53:08

main.js中37行改成Vue.prototype.axios=axios

这是原型挂载，Vue-axios插件有问题

• 提问者 xmhua #1

  老师，Vue.use(VueAxios,axios)，改成Vue.prototype.axios=axios，失败，还是一样的报错，我把代码里所有的then都删除了，还是报相同的错；
  网上说（https://github.com/vuejs/vue-devtools/issues/1099）是 Vue Dev Tools禁用“New Vuex backend”能解决，但Vue Dev Tools我找不到“New Vuex backend”的选项

• 提问者 xmhua #2

  老师，改成Vue.prototype.axios=axios，没用，还是一样的报错，我删除了站点上所有的then, 但只要点击关闭提示框，还是会报这个错,奇怪了，then已经不存在了，还在报then的错；
  网上说(https://github.com/vuejs/vue-devtools/issues/1099)，off "New Vuex Backend" in the Vue Dev Tools ，但是我找不到 Vue Dev Tools的New Vuex Backend选项

• 提问者 xmhua #3

  老师，npm install之后，问题已解决，不知道是什么原因，哈哈，谢谢

Answer 2

提问者 xmhua 2021-06-25 11:58:15

main.js:

package.json

index.vue用了this.axios.get().then的地方：

Answer 3

提问者 xmhua 2021-06-25 11:01:15

Modal.vue的代码

Answer 4

河畔一角 2021-06-24 11:42:56

检查你哪个地方用到了then方法，我只能告诉你这个警告提示的是then找不到，因为你没有贴代码

• 提问者 xmhua #1

  谢谢老师，添加了Modal.vue的代码，我对比了讲师代码，没发现异常，不知道为什么会报错then方法。

• 河畔一角 #2

  错误提示你then找不到，说明你的程序有地方用到你贴的这个代码是没有用的，一般只有接口调用会用到then，你看下index.vue里面是不是有接口调用，比如你用了this.axios.get().then，但是axios你没有挂载到vue实例上面，所以后面的then找不到，检查一下main.js有没有挂载axios插件

• 提问者 xmhua #3

  是不是$emit('submit')和$emit('cancel')需要默认值?

点开查看后面1条评论