drip-public/iview
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Merge pull request #2124 from daiyanze/feature/checkable_tag

Browse source 
Feature/checkable tag (追加功能：可选标签)
This commit is contained in:
Aresn 2017-10-23 04:17:50 -05:00 • committed by GitHub
commit a1553a9cc4
2 changed files with 37 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

13
examples/routers/tag.vue
View file

@ -1,6 +1,9 @@
<template>
<div>
<Tag v-for="item in count" :key="item" :name="item" @on-close="close" closable>标签{{ item + 1 }}</Tag>
<Tag v-for="item in count" :key="item" :name="item" type="border" color="yellow" @on-close="close" @on-check="check" closable>标签{{ item + 1 }}</Tag>
<div><Tag v-for="item in count" :key="item" :name="item" color="yellow" @on-close="close" @on-check="check" checkable>可选标签{{ item + 1 }}</Tag></div>
<div><Tag v-for="item in count" :key="item" :name="item" type="dot" color="blue" @on-close="close" @on-check="check" closable checkable>可选可关闭标签{{ item + 1 }}</Tag></div>
<br />
<Button icon="ios-plus-empty" type="dashed" size="small" @click="count += 1">添加标签</Button>
</div>
</template>
@ -9,13 +12,17 @@
data () {
return {
count: 3
}
};
},
methods: {
close (e, name) {
console.log(e);
console.log(name);
},
check (e, name) {
console.log(e);
console.log(name);
}
}
}
};
</script>