Vue--问题解决

Bertha 。 2022-12-19 11:55 174阅读 0赞

原文网址：[Vue--问题解决\_IT利刃出鞘的博客-CSDN博客][Vue--_IT_-CSDN]

# Cannot read property 'xxx' of undefined #

**其他网址**

> [vue.esm.js?efeb:628 \[Vue warn\]: Error in v-on handler: "TypeError: Cannot read property 'post' of un - Programmer Sought][vue.esm.js_efeb_628 _Vue warn_ Error in v-on handler_ _TypeError_ Cannot read property _post_ of un - Programmer Sought]

src/components/Blog.js：

//...
    export default {
      data () {
        return {
          blog: {}
        }
      },
      mounted() {
        this.$http.get('http://siwei.me/api/interface/blogs/show?id='+this.$route.query.id).then((response) => {
          this.blog = response.body.result
        }, (response) => {
          console.error(response)
        });
      }
    }
    //...

src/routers/index.js

import Vue from 'vue'
    import Router from 'vue-router'
    
    Vue.use(Router)
    
    import HelloWorld from '@/components/HelloWorld'
    import Blog from '@/components/Blog'
    
    export default new Router({
      routes: [
        {
          path: '/',
          name: 'HelloWorld',
          component: HelloWorld
        },{
          path: '/blog',
          name: 'blog',
          component: Blog
        }
      ]
    })

浏览器报错信息

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ZlaXlpbmcwY2FuZ2xhbmc_size_16_color_FFFFFF_t_70][]

原因：没有引入Vue.$http.get所需的包

解决方法：在 index.js中引入vue-resource包并使用

import Vue from 'vue'
    import Router from 'vue-router'
    import vueRsource from 'vue-resource'
    
    Vue.use(vueRsource);
    Vue.use(Router)
    
    import HelloWorld from '@/components/HelloWorld'
    import SayHi from '@/components/sayHi'
    import Blog from '@/components/Blog'
    
    export default new Router({
      routes: [
        {
          path: '/',
          name: 'HelloWorld',
          component: HelloWorld
        },{
          path: '/blog',
          name: 'blog',
          component: Blog
        }
      ]
    })

[Vue--_IT_-CSDN]: https://knife.blog.csdn.net/article/details/109546250
[vue.esm.js_efeb_628 _Vue warn_ Error in v-on handler_ _TypeError_ Cannot read property _post_ of un - Programmer Sought]: https://www.programmersought.com/article/68423044290/
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L2ZlaXlpbmcwY2FuZ2xhbmc_size_16_color_FFFFFF_t_70]: /images/20221120/cda88111da6142209f468118097c484d.png