跳到主要内容
版本:v6.

实用程序功能

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文档有关更多信息和使用示例。

Baidu