How to create a anchor link in vue with ahref does not work

Good afternoon all,

I was wondering if someone can help. I have some images that when you click will display in fullscreen i have the css already implemented. I have added the a href anchors to the images with their respective classes but for some reason it does not work.

  • no error messages in the console
  • tried with a single image in a view without anything else

The only thing i can think of is that vue does not handle standard anchor tags the way they are by design. Does anyone have any idea how to get this to work. I typed into google “How does vue handle anchor tags” and got back alot of results mainly pointing to use vue router(router-link) Please see code attached.

Kindest regards

<a href="#img-id">

      <file-preview path="../myfile.png" />

    </a>

    <a href="#_" class="overlay" id="img-id">

      <file-preview path="../myfile.png" />

    </a>