22.Vue 监听input事件,并获取值

在Vue中通过监听js的oninput事件,并获取输入的值,参考案例:

案例:

<template>
  <div>
      下面是一个输入框,监听了oninput事件:<br/>
      <input type="text" @input="inputFun" /> <br/><br/>
      输入的值是:{{inputValue}}
  </div>
</template>
<script>
export default {
  data(){
    return {
      inputValue: ''
    }
  },
  methods: {
    inputFun(e){
      //e.target 指向了dom元素
      this.inputValue = e.target.value;
      // ...
    }
  }
}
</script>
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • UI组件element ★11612 - 饿了么出品的Vue2的web UI工具套件 Vux ★7503 - 基于...
    董董董董董董董董董大笨蛋阅读 8,561评论 6 123
  • 我最近一直在怀疑我是不是病了,身边的同龄人都在买房成家生孩子,但我从来没有想过要去买房或者成个家什么的,可能我没有...
    每天都在遗忘阅读 333评论 0 1
  • 1.《水浒传》 第15每章 吴用向晃盖,刘唐介绍三阮。并连夜起程行百二里地,来到梁山泊边的石碣村,阮氏三弟...
    张九紫阅读 346评论 0 0
  • 亦舒的作品是我初中时代拜读的,当时的言情小说,她,琼瑶和陈凯伦最受学生欢迎。其中,印象最深的还是琼瑶,也许是够浪漫...
    球马阅读 895评论 0 51
  • 原创首发 【龙七七6.19】父母在,心就安 ——坚持第155天 父母在,心就安。 今天是父亲节,朋友圈里大家都在各...
    龙七七阅读 169评论 0 0