jason里面的数据传不过去

来源:3-2 axios 封装 & 数据获取

慕仰9344612

2019-09-15

无论什么数据都传不过去,卡了几天了,麻烦老师看下

这一段是app.vue文件

<template>
  <div id="app">
    <v-header></v-header>
    <elema></elema>
    <router-view/>
  </div>
</template>

<script>

import VHeader from './components/v-header'
import elema from './components/elema'
import {getSeller} from '../src/api'

export default {
  name: 'app',
  data(){
    return {
      seller:{

      }
    }
  }
  ,
 created(){

   getSeller().then((seller)=>{
     this.seller = seller
   })
 },

  components: {
    elema,
    VHeader
  }
}
</script>

<style>

</style>

这一段是v-header文件

<template>
    <div>

        <div class="top">

            <div class="avatar">
                <img  :src="seller.avatar" width="64" height="64">

            </div>
            <div></div>

            <div class="title">

            </div>
        </div>

        <div class="bottom notification">

        </div>
    </div>
</template>

<script>

    export default {
        name:'v-header',
        props:{
            seller:{
                type:Object

            }
        }
    }
</script>

<style scoped>

</style>

图片描述

写回答

5回答

慕仰9344612

提问者

2019-09-15

终于搞定了,是封装get请求那里出了问题

1
0

慕仰9344612

提问者

2019-09-15

//img1.sycdn.imooc.com/szimg/5d7de71109e5d45117880853.jpg

看了下开发者工具,发现seller 是undefined 不知道哪弄错了

0
0

慕仰9344612

提问者

2019-09-15

//img1.sycdn.imooc.com/szimg/5d7dcb0209c3a44917310736.jpg

加了以后是这样的

0
1
慕仰9344612
我尝试把那个avatar显示出来
2019-09-15
共1条回复

ustbhuangyi

2019-09-15

你并没有通过 props 把 seller 传给 v-header 组件呀
//img.mukewang.com/szimg/5d7dc6ed094e962b04620066.jpg

0
1
慕仰9344612
加了以后也不行
2019-09-15
共1条回复

慕仰9344612

提问者

2019-09-15

数据服务器是设置好的

//img1.sycdn.imooc.com/szimg/5d7dbf550994a7da06720422.jpg

0
0

Vue.js2.5+cube-ui重构饿了么App(经典再升级)

掌握Vue1.0到2.0再到2.5最全版本应用与迭代,打造极致流畅的WebApp

9868 学习 · 4162 问题

查看课程