Vue Element-ui 框架 限制文件类型
Posted prospective-zkq
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Vue Element-ui 框架 限制文件类型相关的知识，希望对你有一定的参考价值。
1.验证上传文件的类型：
（1）验证图片类型
（2）验证压缩包
（3）验证.txt文件
2.回车提交内容
原生的input，使用 @keyup.enter就可以，但使用element-ui，则要加上native限制符，因为element-ui把input进行了封装，原事件就不起作用了，代码如下：
原生：<input v-model="form.name" placeholder="昵称" @keyup.enter="submit">
element-ui： <el-input v-model="form.name" placeholder="昵称" @keyup.enter.native="submit"></el-input>
注：取消则使用@submit.native.prevent：例<el-form :inline="true" @submit.native.prevent> </el-form> 取消输入框中按下回车提交该表单的默认行为
以上是关于Vue Element-ui 框架 限制文件类型的主要内容，如果未能解决你的问题，请参考以下文章
Vue 之 element-ui upload组件的文件类型
Vue SSR 项目 Nuxt.js 框架之《如何引入第三方UI框架element-ui》