Nativescript Vue：如何创建基本布局答案

【问题标题】：Nativescript Vue: How to create a basic layoutNativescript Vue：如何创建基本布局
【发布时间】：2021-07-24 18:57:09
【问题描述】：

如何为我的所有页面创建一个基本模板？

我尝试在所有可用页面上创建一个 RadSideDrawer。（登录/注册等特定页面除外）。

目前我在所有页面上复制并粘贴我的菜单。处理这个问题的正确方法是什么？

【问题讨论】：

标签： nativescript nativescript-vue

【解决方案1】：

您还没有显示任何代码...所以不确定您是如何包含它的。在 app-root 中？

但您可以将 menu 设置为 false 以在某些页面上禁用它：

例子：

import { RadSideDrawer } from 'nativescript-ui-sidedrawer'

 let sideDrawer = Application.getRootView()
  sideDrawer.getViewById('sideDrawer')
  sideDrawer.gesturesEnabled  = false

并以这种方式以编程方式启用它。

【讨论】：

我想我误解了nativescript菜单的概念。我总是试图在点击一个元素时加载一个新页面。相反，我应该只有一个页面，点击此处加载不同的组件。 play.nativescript.org/?template=play-vue&id=Evc8t6&v=4。现在正确吗？
@PhilippS。不，NS 推荐的概念与 Vue 的 SPA 不同。每个页面都是自己的，菜单在所有页面上：github.com/NativeScript/nativescript-app-templates/tree/master/… 另请参阅 NS 核心示例，他们是如何做到的：github.com/NativeScript/nativescript-app-templates/tree/master/… 他们将菜单设置为可在所有其他页面上使用的根目录，就这么简单。页面是页面而不是要共享的组件。