Commit 5776bcbf06b67a8ba955b7e5e5194826fcbdc336

Authored by 梁灏
1 parent 2b6e6d4c

fix #4587

Showing 2 changed files with 17 additions and 1 deletions   Show diff stats
examples/routers/tag.vue
... ... @@ -62,6 +62,13 @@
62 62 <br><br>
63 63 <Tag v-for="item in count" :key="item" :name="item" closable @on-close="handleClose2">标签{{ item + 1 }}</Tag>
64 64 <Button icon="ios-plus-empty" type="dashed" size="small" @click="handleAdd">添加标签</Button>
  65 +
  66 + <br><br><hr><br>
  67 + <Tag :checked="checked" checkable>test</Tag>
  68 + <Button @click="toggle">
  69 + Toggle
  70 + </Button>
  71 + <span>{{ checked }}</span>
65 72 </div>
66 73 </template>
67 74 <script>
... ... @@ -69,7 +76,8 @@
69 76 data () {
70 77 return {
71 78 show: true,
72   - count: [0, 1, 2]
  79 + count: [0, 1, 2],
  80 + checked: true
73 81 };
74 82 },
75 83 methods: {
... ... @@ -86,6 +94,9 @@
86 94 handleClose2 (event, name) {
87 95 const index = this.count.indexOf(name);
88 96 this.count.splice(index, 1);
  97 + },
  98 + toggle() {
  99 + this.checked = !this.checked;
89 100 }
90 101 }
91 102 };
... ...
src/components/tag/tag.vue
... ... @@ -137,6 +137,11 @@
137 137 this.$emit('on-change', checked, this.name);
138 138 }
139 139 }
  140 + },
  141 + watch: {
  142 + checked (val) {
  143 + this.isChecked = val;
  144 + }
140 145 }
141 146 };
142 147 </script>
143 148 \ No newline at end of file
... ...