为了账号安全,请及时绑定邮箱和手机立即绑定

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

<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 回答

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

例:

{

       "name": "hello",

       "img": "good1.png"

   },


0 回复 有任何疑惑可以回复我~

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

0 回复 有任何疑惑可以回复我~

举报

0/150
提交
取消
vue-cli全集
  • 参与学习       44773    人
  • 解答问题       230    个

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

进入课程

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

我要回答 关注问题
意见反馈 帮助中心 APP下载
官方微信