Warum wird mein Bild in meinem vue.js-Projekt nicht gerendert?

Question

Ich versuche auf ein Bild in vue.js zuzugreifen und auf das DOM zu rendern, aber es funktioniert nicht.

Dies ist der Code:

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

Dies ist ein Bild des Projektordners, um zu sehen, wie ich das Bild Weg bin Referenzierung.

Answer 1

Ich glaube, Sie ../../assets/Statistics.png