diff --git a/packages/info/index.tsx b/packages/info/index.tsx
index a6c6b2373..9f9421bb9 100644
--- a/packages/info/index.tsx
+++ b/packages/info/index.tsx
@@ -17,7 +17,7 @@ function Info(
   slots: DefaultSlots,
   ctx: RenderContext<InfoProps>
 ) {
-  if (!isDef(props.info)) {
+  if (!isDef(props.info) || props.info === '') {
     return;
   }
 
diff --git a/packages/info/test/__snapshots__/index.spec.js.snap b/packages/info/test/__snapshots__/index.spec.js.snap
new file mode 100644
index 000000000..84b187992
--- /dev/null
+++ b/packages/info/test/__snapshots__/index.spec.js.snap
@@ -0,0 +1,7 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`should not render when info is empty string 1`] = ``;
+
+exports[`should not render when info is empty undefined 1`] = ``;
+
+exports[`should render when info is zero 1`] = `<div class="van-info">0</div>`;
diff --git a/packages/info/test/index.spec.js b/packages/info/test/index.spec.js
new file mode 100644
index 000000000..e7d35db2c
--- /dev/null
+++ b/packages/info/test/index.spec.js
@@ -0,0 +1,32 @@
+import Info from '..';
+import { mount } from '../../../test/utils';
+
+test('should not render when info is empty string', () => {
+  const wrapper = mount(Info, {
+    propsData: {
+      info: ''
+    }
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('should not render when info is empty undefined', () => {
+  const wrapper = mount(Info, {
+    propsData: {
+      info: undefined
+    }
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('should render when info is zero', () => {
+  const wrapper = mount(Info, {
+    propsData: {
+      info: 0
+    }
+  });
+
+  expect(wrapper).toMatchSnapshot();
+});