Vue warn]: Error in mounted hook: "SyntaxError: '#/ApiWord' is not a valid selector" about vue-scrollactive

[xeor]

I got the same.. Is this plugin only working if the vue-router is in 'history'-mode?

[aghayeff]

@xeor Seems that yes

[eddiemf]

I'm actually not sure, it's been a while that I don't use Vue for any app, and when I used I'm sure I used history mode, so might be very possible.

I recommend you to use history mode anyway if possible for many other reasons as well.

[unzoa]

em, i quit. this component is one page of my project, so, I used iframe, and use 'element.getBoundingClientRect().top' got those titles' distances between viewport area, and 'window.onscroll' watch them, then highlight right menu

[xeor]

I ended up without vue2-scrollspy.. but there arr many to choose from. Check the list on awesome-vue

[aghayeff]

Actually it will work with and without history mode. But without history mode, there will be some conflicts. When you click a link, # will be added to url. So, if you refresh this page, or send this link to somebody, there will have a trouble opening a website. Basically, link will not work. Because, seeing # at url, Vue will try render it as a router.