uniapp实现页面地址跳转的方法:1、使用navigator标签,代码为【9b14a62795869ada5a8e69b565237e9d】;2、使用【@tap】事件跳转。
本教程操作环境:windows7系统、uni-app2.5.1版本、thinkpad t480电脑。
推荐(免费):uni-app开发教程
uniapp实现页面地址跳转的方法:
1.navigator 标签
<navigator url="../hello/hello" open-type="navigate"> <view class="struct"> I am {{student.age}} yeas old </br> I have skills such as {{student.skill[0]}},{{student.skill[1]}} </view> </navigator>
2.@tap事件跳转
<view class="uni-list-cell" hover-class="uni-list-cell-hover" v-for="(item,index) in news" :key="index" @tap="openinfo"> <view class="uni-media-list-text-top">{{item.title}}</view> </view> <script> methods: { openinfo(e) { console.log(e) var newsid = e.currentTarget.dataset.newsid ; uni.navigateTo({ url: '../info/info?newsid='+newsid, success: res => {}, fail: () => {}, complete: () => {} }); } } </script>
相关免费学习推荐:编程视频
以上是uniapp如何实现页面地址跳转的详细内容。更多信息请关注PHP中文网其他相关文章!