请教一下问题 我可以获得数据 但是在模板中输出不了 是写错了吗

请教一下问题 我可以获得数据 但是在模板中输出不了 是写错了吗

https://img1.sycdn.imooc.com//climg/61892a9809df85d604990096.jpg

<div class="content">

    <div class="content-pic">

        <img src="{{content.img}}" alt="">

    </div>

    <div class="content-text">

        <div class="content-name">{{content.title}}</div>

        <span class="content-label">

            赠接送机

        </span>

        <span class="content-label">

            赠当地游项目

        </span>title

        <div class="number">

            <span class="browse">浏览 24004</span>

            <span class="sold">已售 138份</span>

        </div>

    </div>

</div>

https://img1.sycdn.imooc.com//climg/61892abe0909d1a607940054.jpg

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

登陆购买课程后可参与讨论,去登陆

2回答
好帮手慕星星 2021-11-09 11:38:36

同学你好,从截图看数据没问题,老师这边手动模拟了数据,测试没问题

https://img1.sycdn.imooc.com//climg/6189ece6091f1a5308990230.jpg

建议同学也这样测试下,看看是否有效果。也建议输出下contentEl看看是否有元素,避免无法填充。

  • 提问者 weixin_慕妹6328942 #1

    https://img1.sycdn.imooc.com//climg/6189f8f209ac6bf503610095.jpghttps://img1.sycdn.imooc.com//climg/6189f90109c2699e02380044.jpg我这样写了之后不报错了  图片是可以打开的 但是图片路径为未知打包后没有显示

    2021-11-09 12:30:00
  • js中用的是content,那么模板中用$data是没有数据的

    https://img1.sycdn.imooc.com//climg/618a01ac09b234f406610290.jpg

    建议将js中的代码粘贴上来,老师测试下。

    2021-11-09 13:06:04
  • import './content.css';

    import { getData } from 'api/getData';

    import render from './content.art';


    const URL = 'https://www.imooc.com/api/mall-wepApp/details/';

    const contentEl = document.getElementById('content-layout');

    const data = {

        "img": "http://alimc.img.imooc.com/class/muyun/mall-wepApp/index/discount/10.jpg",

        "title": "北京直飞福冈5天往返含税机票",

    }

    console.log(data.img);

    console.log(contentEl);

    contentEl.innerHTML = render({ item: data });

    // getData(`${URL}:1`).then(data => {

    //     console.log(data);

    //     contentEl.innerHTML = render({ content: data });

    // });


    2021-11-09 16:04:51
好帮手慕星星 2021-11-09 10:18:42

同学你好,报错信息是找不到img属性。

建议看看获取的数据data是不是数组类型,是否需要遍历使用,然后看看data中是否有img属性。可以将获取的数据粘贴截图粘贴上来,老师看看。

祝学习愉快~

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师