Vue.js循环的数据如何动态修改a标签的href链接

这个标题想了很久，可能也不是能清楚的表达我的意思。（注：此项目没有引用Vue-cli，只是单纯的引用Vue.js）

有这么个需求：

一、通过请求后台接口获取数据，数据是数组，通过vue循环在列表ul中，其中li标签下有个a标签要动态跳转页面，如图：

循环出的a标签

此时有两个步骤：

1.对循环出的数据进行遍历处理，对数组中的没条数据的写一个跳转链接，如下图： 

处理跳转链接

2.此时修改循环出的a标签href值，如下图：

修改后的a标签

注意:因为是动态的，注意冒号(:)，此方法有个局限性，就是只有是二维数组时才能动态修改成 item.head的形式，如果只是单纯的对象，则

不可以像上图中处理（本人没处理成功，如有好方法洗耳恭听哦）;

二、通过请求后台接口获取数据，数据是单纯的对象，通过vue循环在列表ul，且需要动态的通过a标签跳转页面，如图：

单纯的对象

同意需要通过head中的值，动态切换页面：

直接输出对象

1.因为是单纯的对象，这里我用memInfo接收了后台返回的response,并渲染到dom，因为单纯的对象（本人没有处理成功），则用了比较笨的办法动态写在a标签中。（因为后台是PHP，所以href中寻找的当前控制器下Goldmem类中的goldInfoData方法）

需传参数

因为 当前控制器下Goldmem类中的goldInfoData方法 需要三个参数，这上图我手动的添加三个参数。注意：冒号以及变量的拼接方式

最后如有更好的方法 欢迎指出，谢谢。