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>
MySQL Query : SELECT * FROM `codeshelper`.`v9_news` WHERE status=99 AND catid='6' ORDER BY rand() LIMIT 5
MySQL Error : Disk full (/tmp/#sql-temptable-64f5-1e6ef51-44ca2.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
MySQL Errno : 1021
Message : Disk full (/tmp/#sql-temptable-64f5-1e6ef51-44ca2.MAI); waiting for someone to free some space... (errno: 28 "No space left on device")
Need Help?