Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/430.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在按键时获取当前值_Javascript_Vue.js - Fatal编程技术网

Javascript 如何在按键时获取当前值

Javascript 如何在按键时获取当前值,javascript,vue.js,Javascript,Vue.js,我正在使用vue.js并在表中创建一个表。我有一个输入字段,作为数量,所以当我键入第一个单词时,它会在控制台上打印空 如果我输入3,则显示为空,如果我输入44,则显示为4,我使用v-on:keypress捕获事件,我不知道这里出了什么问题 var-app=新的Vue({ el:“应用程序”, 数据:{ 产品发票:[{ 产品编号:'', 产品名称:“”, 产品价格:'', 产品数量:'', 行总数:0 }] }, 方法:{ 计算总计(发票和产品){ 控制台日志(发票\产品.产品\数量) } }

我正在使用vue.js并在表中创建一个表。我有一个输入字段,作为
数量
,所以当我键入第一个单词时,它会在控制台上打印

如果我输入3,则显示为空,如果我输入44,则显示为4,我使用
v-on:keypress
捕获事件,我不知道这里出了什么问题

var-app=新的Vue({
el:“应用程序”,
数据:{
产品发票:[{
产品编号:'',
产品名称:“”,
产品价格:'',
产品数量:'',
行总数:0
}]
},
方法:{
计算总计(发票和产品){
控制台日志(发票\产品.产品\数量)
}
}
});

您应该使用
keyup
事件处理程序

按键
向上键
向下键
分别类似于:
单击
鼠标按下,
鼠标按下

  • Down
    首先发生
  • 第二次(输入文本时)
  • Up
    最后发生(当文本输入完成时)
  • var-app=新的Vue({
    el:“应用程序”,
    数据:{
    产品发票:[{
    产品编号:'',
    产品名称:“”,
    产品价格:'',
    产品数量:'',
    行总数:0
    }]
    },
    方法:{
    计算总计(发票和产品){
    控制台日志(发票\产品.产品\数量)
    }
    }
    });
    

    您的问题是,在输入字段中进行处理之前,按键时会触发on
    keypress
    事件;原因是允许您的事件处理函数捕获它并最终过滤掉它。这就是为什么字段还没有显示正确的结果,因为它还没有“看到”键


    因此,您需要的解决方案是更改逻辑以捕获
    keyup
    事件,一旦在聚焦字段中输入了密钥,就会触发该事件

    您是否尝试过使用事件
    keyup