微信小程序开发中,按钮跳转页面通常使用`wx.navigateTo`方法。这个方法用于在小程序的页面栈中导航到指定的页面。
以下是一个简单的示例代码:
```javascript
// 假设我们有一个名为"index"的页面
// 在这个页面上有一个按钮,点击后会跳转到另一个页面
// 获取页面实例
const page = getCurrentPages()[0];
// 定义要跳转的页面路径
const targetPage = 'pages/targetPage/targetPage';
// 使用wx.navigateTo方法跳转到目标页面
wx.navigateTo({
// 目标页面的路径,可以是组件名或组件路径
// 例如:'pages/targetPage/targetPage'
// 或者:'./targetPage'
// 注意:如果目标页面是组件路径,需要确保组件已经正确引入
});
```
在上面的示例中,我们首先获取了当前页面的实例,然后定义了要跳转的目标页面路径。最后,我们使用了`wx.navigateTo`方法来导航到目标页面。
需要注意的是,在使用`wx.navigateTo`方法时,需要确保目标页面已经正确引入。如果目标页面是一个组件路径,需要在小程序的manifest.json文件中声明该组件。例如:
```json
{
"usingComponents": {
"targetPage": "../../targetPage/targetPage"
}
}
```
这样,当用户点击按钮时,小程序就会正确地导航到目标页面。