'content': 'This is content for goodbye world with id of 2.'Īnd clicked on links that opened up tabs for /ticket/1 and /ticket/2. 'content': 'This is content for hello world with id of 1.' Rather than the data that is corresponding to the slug in the url.įor example, if I grabbed Json data from an API with the following information in it: [ I’m still in the process of learning and experimenting with idea’s and am currently stuck on an issue where, when I click on the “tab” to view the contents of the page, it only displays the contents of the first tab opened. Only happens with tabs that reference and not pages that have a static value, such as Subsequently generated tabs will show content of first tab clicked. Please let me know if I’m missing any information as I’m attempting to put my issue into more words than:ĭynamically generated tabs only show the data of the first tab “clicked” on. Think “code editor”, such as, for example, codesandbox.io, Visual Studio Code. I’m new to Vue and am attempting to build a UI that contains each page within a “tab” that is located within “toolbar” component.

Pug template increment counter