Nativescript Vue：如何创建基本布局

Posted 2023-04-13

【中文标题】Nativescript Vue：如何创建基本布局

【英文标题】：Nativescript Vue: How to create a basic layout

【发布时间】：2021-07-24 18:57:09

【问题描述】：

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

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

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

【参考方案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/… 他们将菜单设置为可在所有其他页面上使用的根目录，就这么简单。页面是页面而不是要共享的组件。