微信小程序开发3
页面导航
声明式导航
- 跳转到tabbar页面
url 表示要跳转的页面的地址，必须以 / 开头
open-type 表示跳转的方式，必须为 switchTab
- 导航到非 tabBar 页面da’w’sa’w’d’sa’w’sa’w’d’sa’w
url 表示要跳转的页面的地址，必须以 / 开头
open-type 表示跳转的方式，必须为 navigate
为了方便, 非 tabBar 页码的跳转时 open-type 也可以省略
- 后退导航
open-type 的值必须是 navigateBack ，表示要进行后退导航
delta 的值必须是数字，表示要后退的层级
本博客所有文章除特别声明外，均采用 CC BY-NC-SA 4.0 许可协议。转载请注明来源 麟玖Sam！
相关推荐
2025-03-27
微信小程序开发1
1.小程序简介 1.1.小程序与普通网页开发的区别运行环境的不同网页运行在浏览器小程序运行在微信环境 API 不同小程序无法调用 DOM 和 BOM 的 API但是小程序可以调用微信环境提供的一些 API地理定位扫码支付 开发模式不同网页的开发模式： 浏览器+代码编辑器小程序开发模式申请小程序开发账号安装小程序的开发者工具创建和配置小程序项目 2小程序代码的构成2.1.项目的基本组成结构 pages 用来存放所有小程序的页面，每个页面都是一个单独的文件夹 utils 用来存放工具性质的模块 app.js 整个小程序项目的入口文件 app.json 小程序项目的全局配置文件 app.wxss 小程序项目的全局样式文件 project.config.json 项目的配置文件 sitemap.json 用来配置小程序及其页面是否允许被微信索引 2.2.小程序页面的组成部分小程序官方建议把所有小程序的页面，都存放在 pages 目录中，以单独的文件夹存在， 每个页面由 4 个基本文件组成，它们分别是： .js 文件（页面的脚本文件，存放页面的数据、事件处理函数等） .json...
2025-03-27
微信小程序开发2
1.WXML模板语法1.1数据绑定 在data中定义数据 在wxml中使用数据 在data中定义页面的数据 Page({ data:{ info:"Holle world", ## 如果是短横线声明数据，需要使用双引号包裹 "user-name": "xxx", imgSrc:"xxxxxx", ## 生成10以内的随机数 randomNum:Math.random()*10 } }) 2. 在wxml中使用数据 <view>{{ info }}</view> <image src="{{imgSrc}}"> </image> <view> {{randomNum >= 5 ?...
2025-03-27
微信小程序开发4
组件的创建与引用创建组件 在项目的根目录，创建components 文件夹 在新建components的文件夹 下新建组件文件夹，鼠标右键组件文件夹，点击新建component 之后组件文件夹会自动生成四个文件 局部引入组件在页面的 .json 配置 中引入组件 { "usingComponents":{ "my-test1":"/components/test/test" } } 全局引入组件在app.json全局配置文件中引入组件 "usingComponents":{ "my-test1":"/components/test2/test2" } 区别 如果某组件只在特定的页面中被用到，建议进行“局部引用” 如果某组件在多个页面中经常被用到，建议进行“全局引用” 组件的 .json 文件中需要声明 “component”: true 属性 组件的 .js 文件中调用的是...
2025-03-27
微信小程序开发5
在小程序使用vant 小程序初始是没有packback.json文件 使用 npm init --y // 初始化packback.json 安装 vant组件库 # 通过 npm 安装 npm i @vant/weapp -S --production # 通过 yarn 安装 yarn add @vant/weapp --production # 安装 0.x 版本 npm i vant-weapp -S --production 构建npm 删除app.json 中的 “style”:”v2” 使用 API Promise 化 首先下载Promise 包 npm i --save miniprogram-api-promise 构建npm，先前构建过最好先删掉 在全局js中引入 // 按需导入 import { promisifyAll } from...