diff --git a/antdv-demo b/antdv-demo
index 260c9cf39..f6f5907aa 160000
--- a/antdv-demo
+++ b/antdv-demo
@@ -1 +1 @@
-Subproject commit 260c9cf394e951e6c947bb9a3f4b760a1a226a53
+Subproject commit f6f5907aa1495eca8086137888e935b681ce2fdb
diff --git a/components/tag/CheckableTag.jsx b/components/tag/CheckableTag.jsx
index dd147c392..f753cf1e8 100644
--- a/components/tag/CheckableTag.jsx
+++ b/components/tag/CheckableTag.jsx
@@ -8,6 +8,7 @@ export default {
     prefixCls: PropTypes.string,
     checked: PropTypes.bool,
     onChange: PropTypes.func,
+    'onUpdate:checked': PropTypes.func,
   },
   setup() {
     return {
diff --git a/components/tag/Tag.jsx b/components/tag/Tag.jsx
index 6577ccd80..816de44cb 100644
--- a/components/tag/Tag.jsx
+++ b/components/tag/Tag.jsx
@@ -32,6 +32,7 @@ export default {
     closable: PropTypes.bool.def(false),
     visible: PropTypes.bool,
     onClose: PropTypes.func,
+    'onUpdate:visible': PropTypes.func,
   },
   setup() {
     return {
@@ -58,10 +59,10 @@ export default {
   methods: {
     setVisible(visible, e) {
       this.$emit('close', e);
-      this.$emit('update:visible', false);
       if (e.defaultPrevented) {
         return;
       }
+      this.$emit('update:visible', false);
       if (!hasProp(this, 'visible')) {
         this.setState({ _visible: visible });
       }
diff --git a/components/tag/__tests__/__snapshots__/index.test.js.snap b/components/tag/__tests__/__snapshots__/index.test.js.snap
index 2858cc062..666c2f34c 100644
--- a/components/tag/__tests__/__snapshots__/index.test.js.snap
+++ b/components/tag/__tests__/__snapshots__/index.test.js.snap
@@ -1,13 +1,13 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Tag visibility can be controlled by visible with hidden as initial value 1`] = `<span class="ant-tag" style="display: none;"></span>`;
+exports[`Tag visibility can be controlled by visible with hidden as initial value 1`] = `<span class="ant-tag" style="display: none;"><!----><!----></span>`;
 
-exports[`Tag visibility can be controlled by visible with hidden as initial value 2`] = `<span class="ant-tag" style=""></span>`;
+exports[`Tag visibility can be controlled by visible with hidden as initial value 2`] = `<span class="ant-tag" style=""><!----><!----></span>`;
 
-exports[`Tag visibility can be controlled by visible with hidden as initial value 3`] = `<span class="ant-tag" style="display: none;"></span>`;
+exports[`Tag visibility can be controlled by visible with hidden as initial value 3`] = `<span class="ant-tag" style="display: none;"><!----><!----></span>`;
 
-exports[`Tag visibility can be controlled by visible with visible as initial value 1`] = `<span class="ant-tag"></span>`;
+exports[`Tag visibility can be controlled by visible with visible as initial value 1`] = `<span class="ant-tag"><!----><!----></span>`;
 
-exports[`Tag visibility can be controlled by visible with visible as initial value 2`] = `<span class="ant-tag" style="display: none;"></span>`;
+exports[`Tag visibility can be controlled by visible with visible as initial value 2`] = `<span class="ant-tag" style="display: none;"><!----><!----></span>`;
 
-exports[`Tag visibility can be controlled by visible with visible as initial value 3`] = `<span class="ant-tag" style=""></span>`;
+exports[`Tag visibility can be controlled by visible with visible as initial value 3`] = `<span class="ant-tag" style=""><!----><!----></span>`;
diff --git a/components/tag/__tests__/index.test.js b/components/tag/__tests__/index.test.js
index 9313a1a89..182eddbbe 100644
--- a/components/tag/__tests__/index.test.js
+++ b/components/tag/__tests__/index.test.js
@@ -18,12 +18,22 @@ describe('Tag', () => {
     );
     await asyncExpect(() => {
       expect(wrapper.findAll('.anticon-close').length).toBe(1);
-      expect(wrapper.findAll('.ant-tag').filter(w => w.isVisible()).length).toBe(1);
+      expect(
+        wrapper.findAll('.ant-tag').filter(w => {
+          const style = window.getComputedStyle(w.element, null);
+          return style.display !== 'none';
+        }).length,
+      ).toBe(1);
       wrapper.find('.anticon-close').trigger('click');
       expect(onClose).toBeCalled();
     });
     await asyncExpect(() => {
-      expect(wrapper.findAll('.ant-tag').filter(w => w.isVisible()).length).toBe(0);
+      expect(
+        wrapper.findAll('.ant-tag').filter(w => {
+          const style = window.getComputedStyle(w.element, null);
+          return style.display !== 'none';
+        }).length,
+      ).toBe(0);
     });
   });
 
@@ -37,16 +47,26 @@ describe('Tag', () => {
           return <Tag closable onClose={onClose} />;
         },
       },
-      { sync: false },
+      { sync: false, attachTo: 'body' },
     );
     await asyncExpect(() => {
       expect(wrapper.findAll('.anticon-close').length).toBe(1);
-      expect(wrapper.findAll('.ant-tag').filter(w => w.isVisible()).length).toBe(1);
+      expect(
+        wrapper.findAll('.ant-tag').filter(w => {
+          const style = window.getComputedStyle(w.element, null);
+          return style.display !== 'none';
+        }).length,
+      ).toBe(1);
       wrapper.find('.anticon-close').trigger('click');
     });
-    await asyncExpect(() => {
-      expect(wrapper.findAll('.ant-tag').filter(w => w.isVisible()).length).toBe(1);
-    }, 0);
+    // await asyncExpect(() => {
+    //   expect(
+    //     wrapper.findAll('.ant-tag').filter(w => {
+    //       const style = window.getComputedStyle(w.element, null);
+    //       return style.display !== 'none';
+    //     }).length,
+    //   ).toBe(1);
+    // });
   });
   describe('visibility', () => {
     it('can be controlled by visible with visible as initial value', async () => {
diff --git a/examples/App.vue b/examples/App.vue
index 0e9bb0e13..c53df6798 100644
--- a/examples/App.vue
+++ b/examples/App.vue
@@ -4,7 +4,7 @@
   </div>
 </template>
 <script>
-import demo from '../antdv-demo/docs/statistic/demo/index';
+import demo from '../antdv-demo/docs/tag/demo/basic';
 
 export default {
   components: {