小编nad*_*dav的帖子

第一个问题

当我使用nuxt 的延迟加载时， 例如components: true

<div v-if="condition"> <!-- 1 -->
  <LazyComponent v-if="condition"/>
</div>
<div v-if="condition"> <!-- 2 -->
  <LazyComponent/>
</div>
<div v-if="condition"> <!-- 3 -->
  <Component/>
</div>

v-if 应该位于组件上以便延迟加载，否则当父级有条件时它将起作用，如果它与父级一起工作，则组件必须以Lazy?开头

第二个问题

我正在使用vue-lazy-Hydration包来减少交互时间和总阻塞时间。当 (LazyHydrate when-idle) 采取行动时，我不明白浏览器何时空闲。

????????? 图像资源服务捕获异常 ?????????????????????????????? 解析图像编解码器时抛出以下 ImageCodecException：无法加载网络图像。图片网址：https : //cdn.sportmonks.com/images/soccer/leagues/5.png 试图从另一个域加载图片？在以下位置找到答案：https : //flutter.dev/docs/development/platform-integration/web-images

当我尝试演示 URL https://picsum.photos/250?image=9 时，它工作正常，但上面的 url 很好，所以可能是什么问题？

class ListRow extends StatelessWidget {
  final String name;
  final imageUrl;
  const ListRow({Key key, this.name, this.imageUrl}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Row(
      crossAxisAlignment: CrossAxisAlignment.center,
      mainAxisAlignment: MainAxisAlignment.start,
      children: <Widget>[
        Container(
          width: 18,
          height: 18,
          child: Image(
            image: NetworkImage(
                'https://cdn.sportmonks.com/images/soccer/leagues/5.png'),
          ),
        ),
        SizedBox(width: 10),
        Flexible(
          child: new Text(
            name,
            style:
                new TextStyle(fontWeight: FontWeight.bold, color: Colors.black),
          ),
        ),
      ],
    );
  } …