|
Title: Need tabs component exists methods Post by: fengdie on December 06, 2018, 05:33:34 PM Need tabs component exists methods
Title: Re: Need tabs component exists methods Post by: jarry on December 07, 2018, 04:28:05 PM Bind your data on the Tabs component. It is easy to find a TabPanel.
Code: <template> <div> <h2>Scrollable Tabs</h2> <Tabs :scrollable="true" style="width:600px;height:250px"> <TabPanel v-for="lang in languages" :key="lang" :title="lang" :closable="true"> <div style="padding:20px">{{lang}}</div> </TabPanel> </Tabs> </div> </template> <script> export default { data() { return { languages: [ "Basic", "Pascal", "C++", "Java", "JavaScript", "Fortran", "Perl", "Ruby", "Python", "Scratch", "Erlang" ] }; }, methods:{ exists(title){ return this.languages.indexOf(title)>-1; } } }; </script> |