这个标题想了很久,可能也不是能清楚的表达我的意思。(注:此项目没有引用Vue-cli,只是单纯的引用Vue.js)
有这么个需求:
一、通过请求后台接口获取数据,数据是数组,通过vue循环在列表ul中,其中li标签下有个a标签要动态跳转页面,如图:
此时有两个步骤:
1.对循环出的数据进行遍历处理,对数组中的没条数据的写一个跳转链接,如下图:
2.此时修改循环出的a标签href值,如下图:
注意:因为是动态的,注意冒号(:),此方法有个局限性,就是只有是二维数组时才能动态修改成 item.head的形式,如果只是单纯的对象,则
不可以像上图中处理(本人没处理成功,如有好方法洗耳恭听哦);
二、通过请求后台接口获取数据,数据是单纯的对象,通过vue循环在列表ul,且需要动态的通过a标签跳转页面,如图:
同意需要通过head中的值,动态切换页面:
1.因为是单纯的对象,这里我用memInfo接收了后台返回的response,并渲染到dom,因为单纯的对象(本人没有处理成功),则用了比较笨的办法动态写在a标签中。(因为后台是PHP,所以href中寻找的当前控制器下Goldmem类中的goldInfoData方法)
因为 当前控制器下Goldmem类中的goldInfoData方法 需要三个参数,这上图我手动的添加三个参数。注意:冒号以及变量的拼接方式
最后如有更好的方法 欢迎指出,谢谢。