购好物，搜索，iOS搜索键盘联动Bug处理~

王强
1 parent c619a77f
Showing 1 changed file with 26 additions and 9 deletions
src/components/searchCom/searchCom.vue
@@ -9,7 +9,7 @@
 						</div>
 						<div class="line"></div>
 						<div class="input-box">
-							<input type="search" ref="searchInput" :placeholder="defaultSearchs.pl" :maxlength="defaultSearchs.maxlength" v-model="defaultSearchs.keyword" class="keyword" @keyup="confirm(defaultSearchs.keyword, $event)" @blur="onBlur" />
+							<input type="search" ref="searchInput" autofocus :placeholder="defaultSearchs.pl" :maxlength="defaultSearchs.maxlength" v-model="defaultSearchs.keyword" class="keyword" @keyup="confirm(defaultSearchs.keyword, $event)" @blur="onBlur" />
 						</div>
 					</form>
 				</div>
@@ -76,7 +76,7 @@
 			confirm(keyword, e) {
  
 				// 判断按下的按键是不是回车（确认）
-				if ((keyword && e.keyCode === 13) || (!keyword && e.keyCode === 8)) {
+				if ((keyword && (e.keyCode === 13 || (typeof e.key === "string" && e.key.toLowerCase() === "enter"))) || (!keyword && (e.keyCode === 8 || (typeof e.key === "string" && e.key.toLowerCase() === "backspace")))) {
  
 					// 判断不是空格字符串
 					if (keyword.trim()) {
@@ -117,21 +117,38 @@
 				}
 			}
 		},
+		directives: {
+		    focus: {
+		        inserted: (el, {value}) => {
+
+					// 判断值是否为true
+		            if (value) {
+		                el.focus();
+		            }
+		        }
+		    }
+		},
 		mounted() {
  
 			// 合并参数对象
 			Object.assign(this.defaultSearchs, this.searchs);
  
 			// 延时执行
-			setTimeout(() => {
+			// setTimeout(() => {
  
-				this.$nextTick(() => {
+			// 	this.$nextTick(() => {
  
-					if (typeof this.$refs === 'object' && typeof this.$refs.searchInput === 'object') {
-						this.$refs.searchInput.focus();
-					}
-				});
-			}, 1000);
+			// 		if (typeof this.$refs === 'object' && typeof this.$refs.searchInput === 'object') {
+
+
+
+			// 			console.log(this.$refs);
+
+
+			// 			this.$refs.searchInput.focus();
+			// 		}
+			// 	});
+			// }, 1000);
 		}
     }
 </script>