diff --git a/packages/field/index.js b/packages/field/index.js
index 7701f5fc5..74be91bd1 100644
--- a/packages/field/index.js
+++ b/packages/field/index.js
@@ -211,6 +211,14 @@ export default sfc({
 
   render(h) {
     const { slots, labelAlign } = this;
+
+    const scopedSlots = {
+      icon: this.renderLeftIcon
+    };
+    if (slots('label')) {
+      scopedSlots.label = () => slots('title');
+    }
+
     return (
       <Cell
         icon={this.leftIcon}
@@ -226,11 +234,8 @@ export default sfc({
           [`label-${labelAlign}`]: labelAlign,
           'min-height': this.type === 'textarea' && !this.autosize
         })}
-        scopedSlots={{
-          icon: this.renderLeftIcon
-        }}
+        scopedSlots={scopedSlots}
       >
-        {h('template', { slot: 'title' }, slots('label'))}
         <div class={bem('body')}>
           {this.renderInput()}
           {this.showClear && <Icon name="clear" class={bem('clear')} onTouchstart={this.onClear} />}
diff --git a/packages/search/index.js b/packages/search/index.js
index c190aeefe..1d15a8f32 100644
--- a/packages/search/index.js
+++ b/packages/search/index.js
@@ -53,6 +53,11 @@ export default sfc({
       on: this.listeners
     };
 
+    const scopedSlots = {};
+    if (this.slots('left-icon')) {
+      scopedSlots['left-icon'] = () => this.slots('left-icon');
+    }
+
     return (
       <div class={bem({ 'show-action': showAction })} style={{ background: this.background }}>
         <Field
@@ -61,9 +66,9 @@ export default sfc({
           value={this.value}
           border={false}
           leftIcon="search"
+          scopedSlots={scopedSlots}
           {...props}
         >
-          {h('template', { slot: 'left-icon' }, this.slots('left-icon'))}
         </Field>
         {showAction && (
           <div class={bem('action')}>