From ba04660ed34e9d5ff2c8fbdbc1785761ef9d578d Mon Sep 17 00:00:00 2001
From: lazy1993 <2280042554@qq.com>
Date: Sat, 30 May 2020 20:34:52 +0800
Subject: [PATCH] feat(Field): fix render error when value is null or undefined
 (#6419)

---
 src/field/index.js                            |  2 +-
 .../test/__snapshots__/index.spec.js.snap     | 18 +++++++++++++++
 src/field/test/index.spec.js                  | 22 +++++++++++++++++++
 3 files changed, 41 insertions(+), 1 deletion(-)

diff --git a/src/field/index.js b/src/field/index.js
index acc2d6d2c..61fa5f82f 100644
--- a/src/field/index.js
+++ b/src/field/index.js
@@ -491,7 +491,7 @@ export default createComponent({
 
     genWordLimit() {
       if (this.showWordLimit && this.maxlength) {
-        const count = this.value.length;
+        const count = (this.value || '').length;
         const full = count >= this.maxlength;
 
         return (
diff --git a/src/field/test/__snapshots__/index.spec.js.snap b/src/field/test/__snapshots__/index.spec.js.snap
index 6e2a72b70..0c1a0458e 100644
--- a/src/field/test/__snapshots__/index.spec.js.snap
+++ b/src/field/test/__snapshots__/index.spec.js.snap
@@ -79,6 +79,24 @@ exports[`reach max word-limit 1`] = `
 </div>
 `;
 
+exports[`reach max word-limit null 1`] = `
+<div class="van-cell van-field">
+  <div class="van-cell__value van-cell__value--alone van-field__value">
+    <div class="van-field__body"><input type="text" class="van-field__control"></div>
+    <div class="van-field__word-limit"><span class="van-field__word-num">0</span>/3</div>
+  </div>
+</div>
+`;
+
+exports[`reach max word-limit undefined 1`] = `
+<div class="van-cell van-field">
+  <div class="van-cell__value van-cell__value--alone van-field__value">
+    <div class="van-field__body"><input type="text" class="van-field__control"></div>
+    <div class="van-field__word-limit"><span class="van-field__word-num">0</span>/3</div>
+  </div>
+</div>
+`;
+
 exports[`render extra slot 1`] = `
 <div class="van-cell van-field">
   <div class="van-cell__value van-cell__value--alone van-field__value">
diff --git a/src/field/test/index.spec.js b/src/field/test/index.spec.js
index f44aca872..d3050f98f 100644
--- a/src/field/test/index.spec.js
+++ b/src/field/test/index.spec.js
@@ -310,6 +310,28 @@ test('reach max word-limit', () => {
   expect(wrapper).toMatchSnapshot();
 });
 
+test('reach max word-limit undefined', () => {
+  const wrapper = mount(Field, {
+    propsData: {
+      value: undefined,
+      maxlength: 3,
+      showWordLimit: true,
+    },
+  });
+  expect(wrapper).toMatchSnapshot();
+});
+
+test('reach max word-limit null', () => {
+  const wrapper = mount(Field, {
+    propsData: {
+      value: null,
+      maxlength: 3,
+      showWordLimit: true,
+    },
+  });
+  expect(wrapper).toMatchSnapshot();
+});
+
 test('name prop', () => {
   const wrapper = mount(Field, {
     propsData: {