La directiva v-view
, permite establecer la instancia View
del elemento deseado como una propiedad padre.
<Child v-view:parentPropertyName />
<!-- same as: -->
<Child ~parentPropertyName />
<Child v-view:parentArrayPropertyName.array />
<!-- same as: -->
<Child ~parentArrayPropertyName.array />
<RadSideDrawer>
El componente <RadSideDrawer>
forma parte del paquete Progress NativeScript UI.
Este componente, requiere las propiedades drawerContent
y mainContent
para ser configuradas en la instancia de View
. Usando la directiva v-view
, puedes realizar este procedimiento con unas pocas líneas de código:
<RadSideDrawer>
<StackLayout ~drawerContent />
<StackLayout ~mainContent />
</RadSideDrawer>
Si no utilizas la directiva v-view
, necesitas un trabajo más tedioso para lograr el mismo resultado:
<RadSideDrawer ref="drawer">
<StackLayout ref="drawerContent" />
<StackLayout ref="mainContent" />
</RadSideDrawer>
{
mounted() {
this.$refs.drawer.nativeView.drawerContent = this.$refs.drawerContent.nativeView
this.$refs.drawer.nativeView.mainContent = this.$refs.mainContent.nativeView
}
}