EasyUI Forum
April 28, 2024, 02:25:58 PM *
Welcome, Guest. Please login or register.

Login with username, password and session length
News:
 
   Home   Help Search Login Register  
Pages: [1]
  Print  
Author Topic: Need tabs component exists methods  (Read 4948 times)
fengdie
Jr. Member
**
Posts: 87


View Profile Email
« on: December 06, 2018, 05:33:34 PM »

Need tabs component exists methods
Logged
jarry
Administrator
Hero Member
*****
Posts: 2262


View Profile Email
« Reply #1 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>
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!