当前位置:  开发笔记 > 前端 > 正文

Vue.JS值与具有焦点的输入相关联

如何解决《Vue.JS值与具有焦点的输入相关联》经验,为你挑选了1个好方法。

当输入获得/失去焦点时,有没有办法在模型中更改值?

此处的用例是一个搜索输入,在您键入时显示结果,这些只应在焦点位于搜索框时显示.

这是我到目前为止所拥有的:


...

然后,

new Vue({
  el: '#search_wrapper',
  data: {
    query: '',
    magic_flag: false
  }
});

这里的想法magic_flag应该是true在搜索框具有焦点时转向.我可以手动执行此操作(例如,使用jQuery),但我想要一个纯粹的Vue.JS解决方案.



1> cambraca..:

显然,这就像在事件处理程序上执行一些代码一样简单.


...


您也可以编写方法并调用它们,而不是将太多逻辑放入模板中.但这种方式完全没问题.
@KelvinZhao它们是本地js事件,这就是为什么它们未在Vue文档中列出的原因。
推荐阅读
手机用户2402851335
这个屌丝很懒,什么也没留下!
DevBox开发工具箱 | 专业的在线开发工具网站    京公网安备 11010802040832号  |  京ICP备19059560号-6
Copyright © 1998 - 2020 DevBox.CN. All Rights Reserved devBox.cn 开发工具箱 版权所有