iview/examples/routers/tag.vue
梁灏 ec4117cb43 tag add prop: name
when use v-for to render Tag, you can use ‘name’ prop to close tag
2017-03-21 15:41:22 +08:00

21 lines
540 B
Vue

<template>
<div>
<Tag v-for="item in count" :key="item" :name="item" @on-close="close" closable>标签{{ item + 1 }}</Tag>
<Button icon="ios-plus-empty" type="dashed" size="small" @click="count += 1">添加标签</Button>
</div>
</template>
<script>
export default {
data () {
return {
count: 3
}
},
methods: {
close (e, name) {
console.log(e);
console.log(name);
}
}
}
</script>