Real-time display of uploaded image files in the input box of the vue framework

Body part:

上传图片<input type="file" ref="file2" name="check_img_url" @change="tirggerFile1($event)" />

<div>

                <img style="width:100px;height:100px;margin-left:105px" id="img2" src alt />

</div>

script part:

methods：{

　　　　tirggerFile(event) {

           　　　　 var file = event.target.files;

          　　　　  var reader = new FileReader (); // Read file

       　　　　     reader.readAsDataURL(file[0]);

         　　　　   reader.onload = function() {

           　　　　     document.getElementById("img1").src = reader.result;

            };

        },

 

}