zoukankan      html  css  js  c++  java
  • vue使用element-ui的el-input监听不了回车事件

    原因

    今天在使用element-ui时,el-input组件监听不了回车事件,如下代码没有想要的效果:

    <el-input class="search-input" placeholder="请输入内容" v-model="searchText" @keyup.enter="search()"></el-input>
    

    原因应该是element-ui自身封装了一层input标签之后影响了事件的监听,在element-ui里有很多因为自身封装了几层标签导致事件和样式无法按想要的效果呈现,遇到后可以在网页中查看dom结构分析原因。

    解决

    在事件后面加上.native

    <el-input class="search-input" placeholder="请输入内容" v-model="searchText" @keyup.enter.native="search()"></el-input>
    
  • 相关阅读:
    php 解析xml
    php
    php 设置自动加载某个页面
    Mac
    mysql
    Git
    C#
    C# 正则表达式
    C# ASCII码排序
    (转)datagridview 自定义列三步走
  • 原文地址:https://www.cnblogs.com/macq/p/8275709.html
Copyright © 2011-2022 走看看