The problem of href attribute splicing of a tag in vue

my problem is that the content of one of the attributes of href stitching is too long, so that it will not jump. The a tag href splicing format is shown in the red box below, where the qcontents content is too long is a piece of html text

:
contents


.

I thought about changing router-link, but there is an Img tag under the a tag. Once changed to router-link tag, the picture will no longer be displayed. Could you tell me how to solve this problem?

Feb.15,2022

Thank you for inviting ~ Why the contents also contains a bunch of html in this link. It doesn't seem very reasonable.
in addition, router-link does not conflict with the use of img tags.
can be rendered as a corresponding tag according to tag . For example, a , div , li , and so on.

<router-link tag="a">
    <img src="" alt=""/>
</router-link>
Menu