Print Page - Need tabs component exists methods

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>

EasyUI Forum

General Category => EasyUI for Vue => Topic started by: fengdie on December 06, 2018, 05:33:34 PM