.vue文件中监听input输入事件-oninput

叁歲伎倆 2023-10-18 07:16 105阅读 0赞

.vue文件中监听input输入事件-oninput

  1. <input type="search" v-model="keyword" placeholder="搜索你想要的内容" autocomplete="off" v-on:input="listenKeyword">
  2. <script>
  3. export default{
  4. data(){
  5. return {
  6. keyword:''
  7. }
  8. },
  9. methods:{
  10. listenKeyword(){
  11. if(this.keyword.length==0){
  12. //do something
  13. }
  14. }
  15. }
  16. }
  17. </script>

发表评论

表情:
评论列表 (有 0 条评论,105人围观)

还没有评论,来说两句吧...

相关阅读

    相关 vue事件监听

    一、vue @事件.native和@事件.stop和@事件.self: 1、native原生点击事件:给vue组件绑定原生事件时候,必须加上native ,否则会认为监听的是

    相关 vue监听input输入

    想用vue监听input的输入,但是又懒得引入jquery,去网上查了资料,才找到方法。 实现方法如下。 ![70][]用v-on来绑定,然后就可以动态获取input的值了