EasyUI Forum

General Category => EasyUI for Vue => Topic started by: fengdie on September 27, 2018, 03:37:32 PM

Title: How to use the 'select' method of the 'tabs' component?
Post by: fengdie on September 27, 2018, 03:37:32 PM

How to use the 'select' method of the 'tabs' component?

Title: Re: How to use the 'select' method of the 'tabs' component?
Post by: stworthy 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>