Javascript 比较方法中的值

Javascript 比较方法中的值,javascript,vuejs2,Javascript,Vuejs2,我是vue新手,我尝试在焦点和模糊事件期间比较输入的旧值与输入中的新值 我有以下代码,但现在我想比较inputBefore和inputAfter的值是否相等。若在methods函数中添加带有两个值的if条件,我将得到一个错误,该怎么做呢 代码可在此处找到: 谢谢 只需将焦点上的输入保存在一个单独的变量中:inputOnFocus,并将其与模糊上的值进行比较: var app=新的Vue{ el:“应用程序”, 数据:函数{ 返回{ 消息:“你好,Vue!”, 输入:, 输入焦点:, }; },

我是vue新手,我尝试在焦点和模糊事件期间比较输入的旧值与输入中的新值

我有以下代码,但现在我想比较inputBefore和inputAfter的值是否相等。若在methods函数中添加带有两个值的if条件,我将得到一个错误,该怎么做呢

代码可在此处找到:


谢谢

只需将焦点上的输入保存在一个单独的变量中:inputOnFocus,并将其与模糊上的值进行比较:

var app=新的Vue{ el:“应用程序”, 数据:函数{ 返回{ 消息:“你好,Vue!”, 输入:, 输入焦点:, }; }, 方法:{ 手焦点输入{ this.InputInfo焦点=inputBefore.target.value?inputBefore.target.value:; }, 手柄输入器{ ifthis.InputInfo===inputAfter.target.value{ 日志“输入未更改”; }否则{ log“您将输入从“+this.inputOnFocus+”更改为“+inputAfter.target.value+”; } } } }
只需将焦点上的输入保存在一个单独的变量中:inputOnFocus,并将其与模糊上的值进行比较:

var app=新的Vue{ el:“应用程序”, 数据:函数{ 返回{ 消息:“你好,Vue!”, 输入:, 输入焦点:, }; }, 方法:{ 手焦点输入{ this.InputInfo焦点=inputBefore.target.value?inputBefore.target.value:; }, 手柄输入器{ ifthis.InputInfo===inputAfter.target.value{ 日志“输入未更改”; }否则{ log“您将输入从“+this.inputOnFocus+”更改为“+inputAfter.target.value+”; } } } } 新Vue{ el:应用程序, 数据:{ 弗瓦尔:, 比瓦尔:, 型号: }, 方法:{ 获得胜利{ console.log`value at focus${this.f_val}| value at blur${this.b_val}` } } } 新Vue{ el:应用程序, 数据:{ 弗瓦尔:, 比瓦尔:, 型号: }, 方法:{ 获得胜利{ console.log`value at focus${this.f_val}| value at blur${this.b_val}` } } }
我不确定这是否可能,也许有一个钩子在值的变化上,它包含旧的和新的值。对我来说,最明显的解决方案是在组件内部有一个单独的变量,在其中保存旧值,然后在值更改为新值时进行比较。您可以将输入放入本地存储并与新输入进行比较。我不确定这是否可行,也许有一个钩子钩住了价值的变化,它包含了旧的和新的价值。对我来说,最明显的解决方案是在组件内部有一个单独的变量,在其中保存旧值,然后在值更改为新值时进行比较。您可以将输入放在localstorage中,并将其与新输入进行比较
methods: {
    handleFocus(inputBefore) {
    console.log(inputBefore.target.value);
},
handleBlur(inputAfter) {
    console.log(inputAfter.target.value);
}