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

Feature: Checkable tag

Browse source
This commit is contained in:
daiyanze 2017-10-18 17:13:06 +09:00
parent 2e8add2fb3
commit dc39cc3163
2 changed files with 36 additions and 9 deletions
Download patch file Download diff file Expand all files Collapse all files

11
examples/routers/tag.vue
View file

@ -1,6 +1,7 @@
<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>
<Tag v-for="item in count" :key="item" :name="item" type="border" color="yellow" @on-close="close" @on-check="check" closable checkable>标签{{ 1 - item }}</Tag>
<Button icon="ios-plus-empty" type="dashed" size="small" @click="count += 1">添加标签</Button>
</div>
</template>
@ -9,13 +10,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>