navigator页面间跳转,传值,导航元素点击高亮,路由api

本文介绍了微信小程序中如何在app.json配置pages节点以自动生成页面,并解决了[page-name].json文件内容为空导致的报错问题,提供了两种解决方案:删除空json文件或在文件中添加内容。同时,还提及了navigator组件在页面间的跳转示例。
摘要由CSDN通过智能技术生成

1. app.json 配置 pages节点,让他自动帮我们创建页面文件

2. [page-name].json 文件内容为空报错

[ pages/demo1/demo1.json.json 文件错误] pages/demo1/demo1.json: Empty file is NOT a valid json file

微信小程序内部会将[page-name]文件夹内的所有文件渲染为一个文件,空的json文件会编译成空字符串不合法
两种解决方法

  1. 删除空json文件
  2. [page-name].json文件
// [page-name].json
{}

navigator demo

// pages/demo1/demo1.js
Page({
  tapHandle: function() {
    // 当我们点击按钮,系统会自动执行这里的代码
    // wx.navigateTo({
    //   url: '../demo2/demo2',
    // })

    // 相当于加上 redirect 的 navigator 组件
    wx.redirectTo({
      url: '../demo2/demo2?id=123',
    })
  }
})
<!--pages/demo2/demo2.wxml-->
<navigator url="../demo2/demo2">go demo2 page</navigator>

<navigator url="../demo2/demo2?name=关羽
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值