uniapp component 、动态调转页面
时间: 2023-05-27 07:04:07 浏览: 111
1. UniApp Component
UniApp组件是为了更轻松地实现组件复用和开发效率而设计的,它们旨在提高项目架构和代码的可读性和可维护性。 在UniApp中,我们可以使用标准的Vue.js组件和UniApp组件。
Vue.js组件:Vue.js组件是用.vue扩展名的单文件组件,可以被任何Vue.js项目使用。 在UniApp中,我们可以使用一些Vue.js组件,例如各种UI组件库。
UniApp组件:UniApp组件是为UniApp定制的,可以在全平台上使用的组件。 UniApp组件具有多种特性,例如在H5、小程序和APP之间共用同一个组件的能力,可以使用nvue(原生渲染)或vuejs(webview渲染)进行路由。 UniApp组件也有供开发者使用的基础组件库。
2. 动态调转页面
在UniApp中,可以使用uni.navigateTo()方法实现动态调用页面。 此方法的语法如下:
uni.navigateTo({
url: '/pages/example/example'
})
其中url指向要跳转的页面路径。如果要访问子页面,应指定完整的路径,例如/pages/parent/child。 如果要向目标页面传递数据,可以使用query参数,例如:
uni.navigateTo({
url: '/pages/example/example?id=1'
})
在目标页面中,可以使用当前页面的$route.query属性获取数据:
export default {
onLoad() {
console.log(this.$route.query.id) //输出1
}
}
阅读全文