鍍金池/ 問答/HTML/ vue 防餓了么教程 頭部圖片不顯示

vue 防餓了么教程 頭部圖片不顯示

vue 防餓了么教程 頭部圖片不顯示

header.vue

<template>
    <div class="header">
        <div class="content-wrapper">
            <div class="avatar">
                <img width="64" height="64"  v-bind:src="seller.avatar"/>
            </div>
        </div>
        <div class="bulletin-wrapper"></div>
    </div>
</template>

<script type="text/ecmascript-6">
    export default {
        props:{
            seller:{
                type:Object
            }
        }
    };
</script>`

app.vue

<template>
  <div>
    <v-header :seller="seller"></v-header>    
  </div>
</template>

<script type="text/ecmascript-6">
  import header from './components/header/header.vue';
  export default {
      data(){
        return{
          seller:{}
        };
      },
      created(){
        // 生命周期
        this.$http.get('/api/seller').then(response => {
            this.seller=response.body;
            //console.log(this.seller);
        });
      },
      components: {
        'v-header':header
      }
  };
</script>

請(qǐng)求都是對(duì)的 寫入 <v-header :seller="seller"></v-header> 啟動(dòng)報(bào)錯(cuò)

TypeError: vm is undefined

請(qǐng)問咋回事

回答
編輯回答
呆萌傻

可以仔細(xì)查看一下文檔,我記得每個(gè)組件必須包含data()還是什么來著才能用

2017年5月12日 21:12
編輯回答
巷尾

哥們,我不知道你這么寫行不行,我發(fā)一下我寫的mint-ui頭部
clipboard.png

2018年4月16日 07:49