[{"createTime":1735734952000,"id":1,"img":"hwy_ms_500_252.jpeg","link":"https://activity.huaweicloud.com/cps.html?fromacct=261f35b6-af54-4511-a2ca-910fa15905d1&utm_source=V1g3MDY4NTY=&utm_medium=cps&utm_campaign=201905","name":"华为云秒杀","status":9,"txt":"华为云38元秒杀","type":1,"updateTime":1735747411000,"userId":3},{"createTime":1736173885000,"id":2,"img":"txy_480_300.png","link":"https://cloud.tencent.com/act/cps/redirect?redirect=1077&cps_key=edb15096bfff75effaaa8c8bb66138bd&from=console","name":"腾讯云秒杀","status":9,"txt":"腾讯云限量秒杀","type":1,"updateTime":1736173885000,"userId":3},{"createTime":1736177492000,"id":3,"img":"aly_251_140.png","link":"https://www.aliyun.com/minisite/goods?userCode=pwp8kmv3","memo":"","name":"阿里云","status":9,"txt":"阿里云2折起","type":1,"updateTime":1736177492000,"userId":3},{"createTime":1735660800000,"id":4,"img":"vultr_560_300.png","link":"https://www.vultr.com/?ref=9603742-8H","name":"Vultr","status":9,"txt":"Vultr送$100","type":1,"updateTime":1735660800000,"userId":3},{"createTime":1735660800000,"id":5,"img":"jdy_663_320.jpg","link":"https://3.cn/2ay1-e5t","name":"京东云","status":9,"txt":"京东云特惠专区","type":1,"updateTime":1735660800000,"userId":3},{"createTime":1735660800000,"id":6,"img":"new_ads.png","link":"https://www.iodraw.com/ads","name":"发布广告","status":9,"txt":"发布广告","type":1,"updateTime":1735660800000,"userId":3},{"createTime":1735660800000,"id":7,"img":"yun_910_50.png","link":"https://activity.huaweicloud.com/discount_area_v5/index.html?fromacct=261f35b6-af54-4511-a2ca-910fa15905d1&utm_source=aXhpYW95YW5nOA===&utm_medium=cps&utm_campaign=201905","name":"底部","status":9,"txt":"高性能云服务器2折起","type":2,"updateTime":1735660800000,"userId":3}]
<>【Vue 2】 Vue2中两种路由跳转方式
* 标签式
* 编程式
<>标签式
首先是 标签式 路由跳转,借用 router-link 的 to 属性进行跳转。
<el-aside width="200px"> <router-link to="/c1/p1">P1</router-link> <router-
link to="/c1/p2">P2</router-link> <router-link to="/c1/p3">P3</router-link> </el
-aside>
<>编程式
然后是 编程式 路由跳转,就是写一个方法传递url参数,使其路由跳转。
<el-header> <el-button type="primary" icon="el-icon-edit" circle size="mini"
@click="jump('/c1/p1')"></el-button> <el-button type="success" icon=
"el-icon-check" circle size="mini" @click="jump('/c1/p2')"></el-button> <el-
button type="warning" icon="el-icon-star-off" circle size="mini" @click=
"jump('/c1/p3')"></el-button> </el-header>
编写一个 jump 方法。
<script> const options = { methods : { jump(url) { this.$router.push(url); } }
} export default options; </script>
这里最重要的就是 this.$router.push(url);
完。。。。。。