实用程序功能
betway东盟体育app离子Vue船用多个实用程序功能,您可以在应用程序中使用,以使某些任务更轻松,例如管理屏幕键盘和硬件后退按钮。
路由器
这使用者
功能可用于提供超出页面导航的更大控制,超出Vue Router API提供的。特别是,它可用于在控制动画时以在应用程序内进行编程方式导航。它也可用于确定用户是否可以在关闭当用户在根页面关闭硬件后按钮后关闭应用程序时有用。
进口{离子页面那使用者}从'@betway东盟体育app ionic / vue';
进口{绝缘组分}从'vue';
进口{过分阵容}从'@ /动画/ customanimation';
出口默认绝缘组分({
成分:{离子页面}那
设置(的){
Const.路由器=使用者(的);
Const.推=(的)=>{
路由器。推('/第2页'那过分阵容的);
};
Const.背部=(的)=>{
路由器。背部(过分阵容的);
};
返回{推那背部};
}那
}的);
界面
进口{AmimationBuilder.}从'@betway东盟体育app ionic / vue';
进口{Routelocationraw.}从'Vue-Router';
界面使用前导{
帆布:(深的还:数字的)=>布尔;
推:(地点:Routelocationraw.那routeranimation.还:AmimationBuilder.的)=>空白;
代替:(地点:Routelocationraw.那routeranimation.还:AmimationBuilder.的)=>空白;
背部:(routeranimation.还:AmimationBuilder.的)=>空白;
向前:(routeranimation.还:AmimationBuilder.的)=>空白;
导航:(
地点:细绳|地点那
RouterDirection.还:'向前'|'背部'|'根'|'没有'那
outeraction.还:'推'|'流行音乐'|'代替'那
routeranimation.还:AmimationBuilder.
的)=>空白;
}
使用者(的):使用前导;
这
推
方法等同于呼叫IonRouter.navigate(位置,'前进','push',动画)
。这
代替
方法等同于呼叫IonRouter.navigate(位置,'root','替换',动画)
。
看看VUE导航文档有关更多使用示例。
硬件返回按钮
这updabutbutton.
函数可用于在按下Android上的硬件返回按钮时注册回调函数以启动。此外,它接受优先级参数,允许开发人员自定义一个如果注册了多个处理程序,首先定制哪个处理程序。
进口{updabutbutton.}从'@betway东盟体育app ionic / vue';
......
updabutbutton.(10.那(的)=>{
安慰。日志('硬件返回按钮被称为!'的);
}的);
界面
类型处理程序=(processnexthandler.:(的)=>空白的)=>承诺<任何>|空白|空值;
界面uptiedbuttonresult.{
未注册:(的)=>空白;
}
updabutbutton.(优先:数字那处理程序:处理程序的):uptiedbuttonresult.;
看看硬件返回按钮文档有关更多信息和使用示例。
笔记
这updabutbutton.
当您的应用程序在电容器或Cordova中运行时,回调将仅启动。看电容器和Cordova中的硬件返回按钮了解更多信息。
键盘
这useyboard
函数返回包含屏幕键盘状态的对象。该对象提供信息,例如屏幕键盘是否出现,键盘高度为像素。此信息以VUE提供裁判
所以它将在您的申请中具有反应性。
进口{手表}从'vue';
进口{useyboard}从'@betway东盟体育app ionic / vue';
Const.{开了那键盘}=useyboard(的);
手表(键盘那(的)=>{
安慰。日志(`键盘高度是$ {键盘。价值}PX.`的);
}的);
界面
界面UseKeyboardResult.{
开了:裁判<布尔>;
键盘:裁判<数字>;
未注册:(的)=>空白
}
useyboard(的):UseKeyboardResult.;
看看键盘文档有关更多信息和使用示例。
betway东盟体育app离子生命周期
betway东盟体育app离子vue提供了几个生命周期的钩子设置()
键入IONIC框架页面生命周期。betway东盟体育app
进口{离子页面那onionviewWillenter.那onionviewdidenter.那onionviewwillleave.那onionviewdidleave.}从'@betway东盟体育app ionic / vue';
进口{绝缘组分}从'vue';
出口默认绝缘组分({
成分:{离子页面}那
设置(的){
onionviewdidenter.((的)=>{
安慰。日志('页面输入'的);
}的);
onionviewdidleave.((的)=>{
安慰。日志(“页面确实离开了”的);
}的);
onionviewWillenter.((的)=>{
安慰。日志(“页面将进入”的);
}的);
onionviewwillleave.((的)=>{
安慰。日志(“页面将离开”的);
}的);
}那
}的);
笔记
您的应用程序中的页面需要使用离子页面
组件为了使生命周期方法和钩子正确射击。
看看Vue Lifecycle文档有关更多信息和使用示例。