Vue Element-ui 框架 限制文件类型

标签：输入   压缩包   orm   put   inline   图片   hold   类型   bsp   

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 框架 限制文件类型

标签：输入   压缩包   orm   put   inline   图片   hold   类型   bsp   

原文地址：https://www.cnblogs.com/prospective-zkq/p/10066530.html