zoukankan      html  css  js  c++  java
  • Vue:uni-app学习(二)--页面跳转

     页面跳转:

    <template>
        <view class="content">

          <navigator url="../form/form" open-type="navigate">
            <button type="primary" class="button1">表单设置1-支持返回</button>
          </navigator>

            <button type="primary" class="button1" @click="jumpToPage('/pages/sub/form/form','')">表单设置2-支持返回</button>
            <button type="primary" class="button1" @click="jumpToPage('/pages/my/my','tab')">跳转至my-tab</button>
        </view>
    </template>
    
    <script>
        export default {
            data() {
                return {
                    title: 'Hello'
                }
            },
            onLoad() {
    
            },
            methods: {
                jumpToPage(url,type){
                    if(type == 'tab'){
                        uni.switchTab({
                            url: url
                        })
                    }else{
                        uni.navigateTo({
                            url: url
                        })
                    }
                    
                }
            }
        }
    </script>
    
    <style>
        .button1{
            margin-top: 20px;
        }
    </style>
  • 相关阅读:
    go语言入门(三)
    go语言入门(二)
    Nand Flash 基础
    哈希技术
    NorFlash基础
    二阶构造模式
    C++基础知识汇总
    Arm寄存器介绍及汇编基础
    Linux Makefile详解
    Linux链接器脚本详解
  • 原文地址:https://www.cnblogs.com/wukong1688/p/13485367.html
Copyright © 2011-2022 走看看