---
layout: templateLayout
---
```vue
<template>
    <Tabs draggable  @on-tab-change="change">
        <Tab label="标签一">
            <p>1</p>
        </Tab>
        <Tab label="标签二">
            <p>2</p>
        </Tab>
        <Tab label="标签三">
            <p>3</p>
        </Tab>
    </Tabs>
</template>
<script>
export default {
    methods: {
        change({from, to }){
            var obj = this.arr[from];
            this.arr.splice(from, 1);
            this.arr.splice(to, 0, obj);
            console.log(this.arr)
        }
    }
}
</script>
```