图片不显示,其他内容都正常

来源:4-13 vue-cli3项目案例-右侧列表显示(3)

自欺欺人3104318

2021-03-26 12:11

<template>

    <div name="show">

        <ul>

            <li v-for: good in list>

               <img v-bind:src="good.img">

               <p>{{good.goodName}}</p> 

            </li>

        </ul>

    </div>

</template>

<script>

export default {

    name:"show",

    data(){

        var obj = this;

        this.$http.get("json/Notebook.json").then(function(res){

            obj.list = res.data;

        })

        return{

            list:[]

        }

    }

}

</script>


写回答 关注

2回答

  • weixin_慕无忌0262787
    2021-05-29 11:50:39

    json数据中,img属性不加路径可以解决

    例:

    {

           "name": "hello",

           "img": "good1.png"

       },


  • weixin_慕少3141314
    2021-04-25 14:24:43

    错在v-bind:src=""上,绑定的应该是一个变量才对,good.img显然不是一个变量

vue-cli全集

手把手带你学习从项目创建到项目升级,完美契合企业需求

44773 学习 · 230 问题

查看课程

相似问题