vue-resource 通过监听键盘Enter键来发送请求，请求失败，Status=cancle(Chrome)

vue的input标签：

 <input type="search" class="weui-search-bar__input" v-bind:placeholder="isQueryByLike?'模糊搜索':'精准搜索'" ref="search">

vue对enter键的监听：

created:function(){var that=this;document.onkeydown=function(e){var key=window.event.keyCode;if(key==13){that.getCode();}}},

vue对事件处理的method：

methods: {getCode: function (event) {this.$refs.search.blur();<!--上面这句话就是最后的处理办法，让input标签失去焦点，具体的原理不懂-->var bindphone = this.$refs.search.value;if(""==bindphone) {this.showErrMessage("请输入搜索条件");return;}var url = getCodeUrl + '?bindphone=' + bindphone + '&choice=' + choice;<!--url后面的getcodeurl这个是在资源文件里面写的，es6吧！，后来导入-->this.$http.get(url,{ emulateJSON : true,withCredentials: true }).then(function(res){console.log(res.body);console.log(res.body.data);if(res.body.code == 1){.....}else{.....}},function(){console.log('请求失败处理');});},

处理办法：

this.$refs.search.blur();

通过这个，对input的标签焦点处理！具体的原理不是很清晰，只是知道处理办法

vue-resource 通过监听键盘Enter键来发送请求，请求失败，Status=cancle(Chrome)相关推荐

vue 弹窗时监听手机返回键关闭弹窗(页面不跳转)
[注]: popstate 事件 a.当活动历史记录条目更改时,将触发popstate事件. b.如果被激活的历史记录条目是通过对history.pushState()的调用创建的,或者受到对his ...
JS 监听键盘按键事件以Enter键为例子
实现的功能是用手按键盘Enter键达到点击 js的button确定按钮同样的效果其中js主要代码如下,写在<script></script>里面. keyCode==1 ...
vue监听键盘Esc事件
mounted() {//监听键盘Esc按键事件let self = this;this.$nextTick(function() {document.addEventListener('keydow ...
vue/xx/事件监听，按键与键码值
vue中的事件监听 <!DOCTYPE html> <html lang="en"><head><meta charset="U ...
Python监听鼠标左键被点击，gogo，急停，
最后的核心目的是:为了对cscsgogo的中的进行急停安装基本的软件包 import pyHook # 注意事项,1.不要安装pyHook2 (会报错TypeError: MouseSwitch() ...
vue，watch监听数据，数据监听
vue,watch监听数据,数据监听三个值: 1.第一个handler:其值是一个回调函数.即监听到变化时应该执行的函数. 2.第二个是deep:其值是true或false:确认是否深入监听.(一般 ...
vue输入框输入触发事件_.vue文件中监听input输入事件oninput详解
.vue文件其实是一个组件,关于它的说明我之前也写过一篇文章,地址:.vue文件,今天这篇文章要讲的是.vue文件中监听input的输入值变化事件.需求是这页面中,改变input的值,就调用一个事件, ...
VUE 2 无法监听数组和对象的某些变化
一.数组 1. 不能监听的情况 (1) 直接通过下标赋值 arr[i] = value (2) 直接修改数组长度 arr.length = newLen 2. 替代做法 (1)修改值 1. Vu ...
vue里面watch监听当前路由信息
vue里面watch监听当前路由信息开发中有这么个小需求,就是重复路由不触发生命周期监听路由触发初始化方法 watch: {'$route': function () {this.init()}} ...

vue-resource 通过监听键盘Enter键来发送请求，请求失败，Status=cancle(Chrome)

vue-resource 通过监听键盘Enter键来发送请求，请求失败，Status=cancle(Chrome)相关推荐

最新文章

热门文章