我是用vue进行项目的开发,打包后在index.html进行dcloud代码的编写
<script type="text/javascript">
function plusReady(){
// 隐藏滚动条
plus.webview.currentWebview().setStyle({scrollIndicator:'none'});
// Android处理返回键
plus.key.addEventListener('backbutton',function(){
if(location.hash!="#/index"){
localStorage.setItem('backFlag',"isHip")
window.history.go(-1)
}else{
plus.runtime.quit()
}
},false);
}
if(window.plus){
plusReady();
}else{
document.addEventListener('plusready',plusReady,false);
}
</script>
主要的代码是
localStorage.setItem('backFlag',"isHip")
转场动画
watch: {
$route (to, from) {
var back=localStorage.getItem('backFlag')
let isBack = this.$router.isBack // 监听路由变化时的状态为前进还是后退
if(isBack||back==="isHip") {
this.transitionName = 'slide-right'
} else {
this.transitionName = 'slide-left'
}
this.$router.isBack = false
localStorage.setItem('backFlag','noHip')
}
}