EasyUI Forum
May 14, 2024, 08:58:03 AM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: How to use the 'select' method of the 'tabs' component?  (Read 4679 times)
fengdie
Jr. Member
**
Posts: 87


View Profile Email
« on: September 27, 2018, 03:37:32 PM »

How to use the 'select' method of the 'tabs' component?
Logged
stworthy
Administrator
Hero Member
*****
Posts: 3581


View Profile Email
« Reply #1 on: September 27, 2018, 08:25:43 PM »

Please refer to the code below:
Code:
<button @click="$refs.tt.select(1)">select</button>
<Tabs ref="tt" style="height:250px">
  <TabPanel :title="'Tab1'">
    <p>Tab Panel1</p>
  </TabPanel>
  <TabPanel :title="'Tab2'">
    <p>Tab Panel2</p>
  </TabPanel>
  <TabPanel :title="'Tab3'">
    <p>Tab Panel3</p>
  </TabPanel>
  <TabPanel :title="'Help'" :closable="true" iconCls="icon-help">
    <p>This is the help content.</p>
  </TabPanel>
</Tabs>
Logged
Pages: [1]
  Print  
 
Jump to:  

Powered by MySQL Powered by PHP Powered by SMF 1.1.18 | SMF © 2013, Simple Machines Valid XHTML 1.0! Valid CSS!