Click here to Skip to main content
14,330,663 members
Rate this:
Please Sign up or sign in to vote.
See more:
This is code for the button. I need to link to the next tab in javascript. How do i do that? Thank you in advanced.

What I have tried:

<pre><div id="modal-footer">
              <button type="button" class="btn btn-primary float-right" v-show="prevBtn" @click="navigate('p')">Previous</button>
              <button type="button" class="btn btn-primary float-right" v-show="nextBtn" @click="navigate('n')">Next</button>    
 </div>


1st tab id:
href="#kt_portlet_base_demo_2_1_tab_content"

2nd tab id:
<pre>href="#kt_portlet_base_demo_2_2_tab_content"

3rdt tab id:
<pre>href="#kt_portlet_base_demo_2_3_tab_content"
Posted
Comments
Afzaal Ahmad Zeeshan 7-Oct-19 5:36am
   
Perhaps you need to use Bootstrap's JavaScript features in this, while building the view using Vue.js.

Here is a thread that discusses how you can show the tab, javascript - Twitter Bootstrap Tabs: Go to Specific Tab on Page Reload or Hyperlink - Stack Overflow[^]

This is a code sample that demonstrates this, https://codepen.io/rnr/pen/dMNZmx[^]
ZurdoDev 7-Oct-19 7:59am
   
Depends on what library you are using to create the tabs.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)




CodeProject, 503-250 Ferrand Drive Toronto Ontario, M3C 3G8 Canada +1 416-849-8900 x 100