- <template>
- <view>
- <h1>opition.id</h1>
- <view @tap="totextfun">前往子页面</view>
- </view>
- </template>
- <script>
- export default {
- data() {
- return {
- opition:{
- }
- }
- },
- onLoad(data){
- this.opition = data
- },
- methods: {
- //跳转到子页面
- totextfun(){
- uni.redirectTo({ url: '/pages/text/text1'});
- }
- }
- }
- </script>
- <style>
- </style>
子页面：
- <template>
- <view>
- <view @tap="totextfun">跳转回主页面</view>
- </view>
- </template>
- <script>
- export default {
- data() {
- return {
- }
- },
- methods: {
- //跳转回主页面事件
- totextfun(){
- uni.redirectTo({ url: '/pages/text/text?id=11'});
- }
- }
- }
- </script>
- <style>
- </style>
优缺点：优点就是简单，简单，简单，这个方法的实现逻辑的优势是很简单粗暴的，但是url传值如果是微信小程序或者app还好，你要是用浏览器，那么你传过去的值会被直接显示在url里，数据不安全，而且还有一个问题，当我主页面初始化时也是有url传值过来的，那么主页面跳转到子页面时也必须要用url把值传递过去，这样写太麻烦了，一个逻辑失误会出大问题。
总结：这类方法适用于新人上手做一个dome来用，而且只能单对单页面，子页面如果归属于多个主页面，那么会出现问题（除非你用url或者vuex解决）。
