请稍等 ...
×

采纳答案成功!

向帮助你的同学说点啥吧!感谢那些助人为乐的人

左侧边栏没有显示item.name

<template>
  <div class="goods">
    <div class="menu-wrapper">
      <ul>
        <li v-for="item in goods">
          <span class="text">
              <span v-show="item.type>0" class="icon" :class="classMap[item.type]"></span>{{item.name}}
          </span>
        </li>
      </ul>
    </div>
    <div class="foods-wrapper"></div>
  </div>
</template>

<script type="text/ecmascript-6">
 import axios from 'axios';

 const ERR_OK = 0;
 export default {
    props: {
      seller: {
        type: Object
      }
    },
 data() {
      return {
        goods: []
      };
 },
 created() {
     this.classMap = ['decrease', 'discount', 'guarantee', 'invoice', 'special'];
 var that = this;
 axios.get('api/goods').then(function(response) {
       response = response.data;
 if (response.errno === ERR_OK) {
         that.goods = response;
 console.log(that.goods);
 }
     }).catch(function (error) {
       console.log(error);
 });
 }
  };
</script>

<style lang="stylus" rel="stylesheet/stylus">
 .goods
 display flex
 position absolute
 top 174px
 bottom 46px
 width: 100%
    overflow hidden
 .menu-wrapper
 flex 0 0 80px
 width 80px
 background #f3f5f7
 .goods-wrapper
 flex 1
</style>


正在回答 回答被采纳积分+3

1回答

ustbhuangyi 2018-02-26 00:07:57

有去对比我这里的源码吗:https://github.com/ustbhuangyi/vue-sell

0 回复 有任何疑惑可以回复我~
  • 提问者 慕雪0323865 #1
    老师我复制了你的代码 但左侧还是没有显示item.name  用axios能得到数据 比较搞不懂  但是{{item}}就能看到 {{item.name}}就显示不出
    回复 有任何疑惑可以回复我~ 2018-02-26 08:30:43
  • 提问者 慕雪0323865 #2
    自己找到问题了 谢谢老师
    回复 有任何疑惑可以回复我~ 2018-02-26 08:42:26
  • 提问者 慕雪0323865 #3
    老师我在问一下 我贴的这段代码 response = response.data 这段已经赋值给response了 为什么 下面that.goods = response; 这样就没用  that.goods = response.data 才能显示出来
    回复 有任何疑惑可以回复我~ 2018-02-26 08:47:25
问题已解决,确定采纳
还有疑问,暂不采纳
意见反馈 帮助中心 APP下载
官方微信