数据填充问题

图一：

这里异步获取到自己所需要的json数据，而且能顺利导入到网页（使用循环）。

图二：

图二是我在图一的基础上，改了big-gird里的src,也检查过不是括号大小写的问题，用的是点语法添加的，但是报错了。

尝试过的解决方式：

输入法大小写

慕UI2202259 2021-02-25

源自：“仿穷游”首页组件化开发 1-1 课程简介

收起

3回答

好帮手慕言 2021-02-26 11:15:34

同学你好，删除img标签，自己手动敲如下代码再试试

祝学习愉快~

收起回答

好帮手慕言 2021-02-26 10:39:33

同学你好，使用同学提供的部分代码放到源码中测试，控制台没有报错，如下：

同学可以刷新页面后再测试一下。另外：如果把items.art文件中的one.url去掉还会报错吗？去掉之后不报错的话，建议手动再敲一下如下代码：

祝学习愉快~

收起回答

提问者慕UI2202259 #1

one.url去掉不会报错，但是加上去就报错了，语法没有错，json数据也获取到，不知道为什么。我也试过刷新页面测试了，还是这样。

2021-02-26 10:41:51

bbbboom 2021-02-25 19:19:35

你要把下方红框中的代码粘贴上来（不要截图），这样老师才能找到问题呀

收起回答

提问者慕UI2202259 #1

index.js
// 引入css
import './jjzyx.css'

import render from './items.art';
import {URL} from './config';
import {getData} from 'api/getData';

const layoutEl = document.querySelector('.jjzyx .bd');
getData(URL).then(data=>{
    console.log(data);

    layoutEl.innerHTML = render(data);
})

items.art
<ul>
    <li class="big grid">
      <a href="">
        <div class="pic">
          <img class="p-img" src="{{one.url}}" alt="" />
        </div>
        <div class="tip">
          <div class="inn">
            <p>[樱花季]天津直飞东京/大阪/名古屋/冲绳/札幌2-30天往返</p>
            <p>含机票酒店</p>
          </div>
        </div>
        <div class="type">
          机票
        </div>
      </a>
    </li>
    {{each items}}
    <li class="grid">
      <a href="">
        <div class="pic">
          <img class="p-img" src="{{$value.url}}" alt="" />
        </div>
        <div class="tip">
          {{$value.title}}
        </div>
        <div class="type">
          {{$value.type}}
        </div>
      </a>
    </li>
    {{/each}}

    <li class="more grid">
      <a href="">
        <div class="more_con">
          查看更多<br />
          机酒自由行产品
        </div>
        <div class="arrow">
          <b class="iconfont"></b>
        </div>
        <div class="tj">
          <ul>

            <li>机票</li>
            <li>酒店</li>
            <li>机+酒</li>
            <li>游轮</li>
          </ul>
        </div>
      </a>
    </li>
  </ul>

2021-02-25 19:26:56