Browse Source

searchbar获取焦点

杨小璐 5 years ago
parent
commit
07d4f35c9e

+ 1 - 0
src/packages/searchbar/demo.vue

@@ -36,6 +36,7 @@
             <nut-searchbar
 		        placeText="请输入自定义文案"
 		        @submit="search"
+				@focus="focusFun"
 				ref="myInput"
 	        ></nut-searchbar>
         </div>

+ 1 - 0
src/packages/searchbar/doc.md

@@ -51,6 +51,7 @@
 <nut-searchbar
     placeText="请输入自定义文案"
     @submit="search"
+    @focus="focusFun"
     ref="myInput"
 ></nut-searchbar>
 ```

+ 3 - 0
src/packages/searchbar/searchbar.vue

@@ -10,6 +10,7 @@
 					@keyup.enter="submitFun"
 					@input="inputFun"
 					@blur="blurFun"
+					@focus="focusFun"
 					ref="searchInput"
 	    		>
 	    		<span class="close-icon" :class="hasCloseIcon ? 'show':''"
@@ -102,6 +103,7 @@ export default {
     		this.hasCloseIcon = false;
     	},
     	focusFun() {
+			
     		this.inputFocusAnimation = true;
     		this.$emit('focus');
     	},
@@ -122,6 +124,7 @@ export default {
 		},
 		//js控制获取焦点
 		focus() {
+		
 			this.$nextTick(function() {
 				this.$refs.searchInput.focus()
 			})