uniapp 点击按钮弹出新界面 - 原界面展示 - 路由跳转
可以使用 uniapp 中提供的路由跳转功能来实现这个功能。
1. 在需要显示的另一个界面中，使用``标签定义该页面的结构和样式。
2. 在需要点击的按钮上，使用`@tap`事件绑定一个方法，该方法中使用`uni.navigateTo()`方法跳转到另一个界面。
示例代码如下：
1. 在需要显示的另一个界面的vue文件中，定义页面结构和样式：
<template>
<view>
<text>这是另一个界面</text>
</view>
</template>
2. 在需要点击的按钮上，绑定`@tap`事件：
<template>
<view>
<button @tap="gotoAnotherPage">点击跳转</button>
</view>
</template>
<script>
export default {
methods: {
gotoAnotherPage() {
uni.navigateTo({
url: '/pages/anotherPage.vue'
})
}
}
}
</script>
其中`url`参数指定需要跳转的页面路径，这里假设另一个界面的vue文件名为`anotherPage.vue`，并放在了`pages`文件夹下。
原文地址: http://www.cveoy.top/t/topic/nnFN 著作权归作者所有。请勿转载和采集!