vue2中,根据list的id进入对应的详情页并修改title方法-创新互联
一般项目中,我们会遇到有个list。。。然后你随便点击一个,会进入他对应的详情页。。。正常,那个详情页是一个公共的组件,我们只需根据id传值来判断,这个页面显示的是哪个list的数据即可。如图:点击电影进入电影详情……以此类推
创新互联公司从2013年成立,先为安阳县等服务建站,安阳县等地企业,进行企业商务咨询服务。为安阳县企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。具体代码如下:
(有人会奇怪,我为什么不循环……这个是根据项目需求而定的,这个相当于入口,而进入里面分别对应的还是多个list,并且后台给的图片的url也不一样,我懒得v-if去写了,so,这三个我就用了通过了路由id过去。当然,后面有循环list。。两种不同的方式,大家根据自己的项目来选择就好微笑)
电影 • 纪录片
室内乐 • 下午茶
沙龙 • 讲谈
新闻名称:vue2中,根据list的id进入对应的详情页并修改title方法-创新互联
文章转载:http://cdiso.cn/article/hgdgj.html