Help: Vue.router's history usage

Source: Internet
Author: User
Keywords Php vue.js router history
Let router = new Vuerouter ({
Hashbang:true,
History:true,
Savescrollposition:true,
Transitiononload:true
})
The reason why I opened the history of Vue-router, I think it is convenient to use its positioning function, is to return from the Detailed page list page can be automatically positioned.
But it brings a refresh problem.
Do not use the History,url format for http://xxx.xxx.xxx/index#!goodslist
After using history, the URL format is http://xxx.xxx.xxx/goodslist.
Excuse me, how can I automatically add/index#! to each URL address using history?

Reply content:

Let router = new Vuerouter ({
Hashbang:true,
History:true,
Savescrollposition:true,
Transitiononload:true
})
The reason why I opened the history of Vue-router, I think it is convenient to use its positioning function, is to return from the Detailed page list page can be automatically positioned.
But it brings a refresh problem.
Do not use the History,url format for http://xxx.xxx.xxx/index#!goodslist
After using history, the URL format is http://xxx.xxx.xxx/goodslist.
Excuse me, how can I automatically add/index#! to each URL address using history?

There are two types of front-end routing patterns that are hash mode, using # navigation. The other is the HTML5HISTORYAPI mode, which does not use #.
You opened the history using the HTML5HISTORYAPI mode, and using this mode does not add #

History.pushstate himself in?

Why do we need this #! to open the history model?

  • Contact Us

    The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

    If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

    A Free Trial That Lets You Build Big!

    Start building with 50+ products and up to 12 months usage for Elastic Compute Service

    • Sales Support

      1 on 1 presale consultation

    • After-Sales Support

      24/7 Technical Support 6 Free Tickets per Quarter Faster Response

    • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.