vue中控制浏览器前进和后退


@import url("../transfer/common/base.css"); .pay-wrap {   height: 100%;   min-height: 100vh;   width: 100%;   overflow: scroll;   box-sizing: border-box;   -webkit-overflow-scrolling: touch;   .pay-time {     background-color: #FFF6D5;     height: 2.6rem;     line-height: 2.6rem;     text-align: center;     border-top: 0.1rem solid #F2E7BC;     border-bottom: 0.1rem solid #F2E7BC;     p {       font-size: 0.7rem;       color: #B59935;     }   }   .pay-info {     background: #fff;     padding: 1rem 0.85rem 0.75rem 0.81rem;     box-shadow: 0 1rem 0.5rem -1rem #BDBDBD;     -webkit-box-shadow: 0 1rem 0.5rem -1rem #BDBDBD;     -moz-box-shadow: 0 1rem 0.5rem -1rem #BDBDBD;     p {         color: #969696;         font-size: 0.9rem;         padding-bottom: 0.5rem;         span {             color: #001D24;         }     }   } .item-wrap {   flex: auto;   margin-top: 0.7rem;   background-color: #fff;   box-shadow: 0 1rem 0.5rem -1rem #BDBDBD;   -webkit-box-shadow: 0 1rem 0.5rem -1rem #BDBDBD;   -moz-box-shadow: 0 1rem 0.5rem -1rem #BDBDBD; } .item {   padding: 0 1rem 0 1.25rem;   font-family: PingFangSC-Regular;   font-size: 16px;   color: #333333;   letter-spacing: 0;   height: 3rem;   width: 100%;   border-bottom: 1px solid #f4f4f4; } .item-icon {   width: 0.9rem;   height: 0.9rem;   margin-right: 0.6rem; } i {   border: solid black;   border-width: 0 1px 1px 0;   display: inline-block;   padding: 3px; } .right {   transform: rotate(-45deg);   -webkit-transform: rotate(-45deg); } }
vue