2020-07-05 elementui系列:input回车事件,阻止原生刷新页面事件,slot

     <el-form label-width="130px" @submit.native.prevent>
        <el-form-item label="资料搜索">
          <el-input placeholder="请输入您要查找的内容" v-model="inputSearch" @keyup.enter.native="search">
            <span slot="append" @click="search"></span>
          </el-input>
        </el-form-item>
      </el-form>

1.监听原生input的话使用@keyup.enter,封装组件比如elementui的话就要这么写:@keyup.enter.native
2.在 vue+elementui 中只有一个el-input的情况下,回车会提交表单,在el-form 上加上@submit.native.prevent这个则会阻止表单回车提交
3.<span slot="append">

复合型输入框,可前置或后置元素,一般为标签或按钮
slot = " append/prepend "

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容