uniapp button带参跳转页面
时间: 2023-12-26 07:06:57 浏览: 97
uniapp日常总结-uniapp页面跳转方式
在uniapp中,可以通过给按钮绑定点击事件来实现带参跳转页面。以下是一个示例代码:
```html
<template>
<view class="home">
<button @click="toIndex(123)">跳转到index页面</button>
</view>
</template>
<script>
export default {
methods: {
toIndex(param) {
uni.navigateTo({
url: '/pages/index/index?param=' + param
})
}
}
}
</script>
```
在上述代码中,我们给按钮绑定了一个点击事件`toIndex`,并传入了参数`123`。当按钮被点击时,会调用`toIndex`方法,并通过`uni.navigateTo`方法进行页面跳转。跳转的目标页面是`/pages/index/index`,并且通过URL参数的方式传递了参数`param`。
需要注意的是,目标页面需要在`pages.json`文件中进行配置,确保跳转的页面存在。
阅读全文