微信小程序开发时遇到的问题--navigator导航

因为微信小程序编写语法wxml和xml有些不同，时经常会遇到问题，最近我就在编写wxml文件时出现了navigator导航无法跳转的问题，

碰巧在‘微信开发社区’上看到也有人问同样的问题，上图

开发工具里代码是这样子的

<view class="btn-area">
  <navigator url="/page/navigate/navigate?title=navigate" hover-class="navigator-hover">跳转到新页面</navigator>
  <navigator url="../../redirect/redirect/redirect?title=redirect" open-type="redirect" hover-class="other-navigator-hover">在当前页打开</navigator>
  <navigator url="/page/index/index" open-type="switchTab" hover-class="other-navigator-hover">切换 Tab</navigator>
  <navigator target="miniProgram" open-type="navigate" app-id="" path="" extra-data="" version="release">打开绑定的小程序</navigator>
</view>

这是我的

<view class="btn-area>
  <navigator url="/pages/test/test.wxml" hover-class="navigator-hover">跳转到新页面</navigator>
</view>

聪明的狗蛋也许已经看了出来

先按照社区里的方法在app.json中的page中添加一个test路径（不晓得非专业术语-嘤嘤嘤~）如

"pages": [
    "pages/index/index",
    "pages/logs/logs",
    "pages/test/test"
  ],

调试，错误
再来，这次删除文件后缀名，将test.wxml改成test,
等等
貌似双引号不对称了

改完，运行

本文来源:凡小凡凡微信公众号 标梵互动https://www.biaofun.com/