为什么我的图片路径无法在vue.js项目中呈现我的图片？

Question

我正在尝试访问vue.js中的图像并渲染到DOM，但它无法正常工作。

这是代码：

<template lang="html">

  <div>
    <h1 class=""> {{ Tex }}</h1>

    <div class="container">

      <div class="row">
        <div class="col-sm-6">
          <h3><b>Connect Soft documents</b></h3>
          <p class="lead">Allow documents that feed into each other to provide a consistent, untainted view of the financial, operational and social behaviour of the institution.</p>
        </div>

        <div class="col-sm-4">
          <img src="ConnectDocuments.png" alt="Documents" class="pull-right img-responsive imG" width="250" height="250">
        </div>
      </div>

      <hr>

      <div class="row">
        <!-- position image to the right when on desktop,, but allow image to occupy the whole  webpage  when the device is less the 768px-->
        <div class="col-sm-5">
          <h3><b>Improve decision models</b></h3>
          <p class="lead">Use statistical modelling to identify patterns and anomalies in the data that can help in
        making better decisions.</p>
        </div>
        <div class="col-sm-6">
          <img src="./assets/Statistics.png" alt="Statistics" width="350px" height="270px" class="pull-right img-responsive imG">
        </div>
      </div>

    </div>

  </div>

</template>

这是项目文件夹的图像，用于查看我如何引用图像路径。

Answer 1

我认为你拼错了../../ assets / Statistics.png