vue中a标签href属性拼接问题

Question

我出现的问题是href拼接的属性其中有一个属性内容过长，导致其不会跳转，如下图红框中a标签href拼接格式，其中qcontents内容过长是一段html文本内容

下图是参数内容：

下面是界面显示效果

我想过换router-link，但是a标签下边还有一个Img标签，一旦换成router-link标签图片就不再显示。请问该怎么解决这个问题？

Answer 1

谢邀~为啥你这个链接里contents还包含了一堆html呀。似乎不是很合理啊。
另外router-link和里面使用img标签不冲突呀。
可以根据tag来渲染成相应的标签。比如a,div,li等。

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