前端开发

前端开发

首页 新闻中心 前端开发 el-input 首尾不能为空格

el-input 首尾不能为空格

作者:南宁网站建设 时间:昨天 (15:55) 来源:南宁网站制作
el-input首尾不能为空格方法实现:el-form:rules="rules":model="form"label-width="80px"el-form-itemlabel="活动名称"prop="name"el-inputv-model="form.name"/el-input/el-form-item/el-formscriptexportdefault{..
el-input 首尾不能为空格方法实现:

<el-form :rules="rules" :model="form" label-width="80px">
    <el-form-item label="活动名称" prop="name">
        <el-input v-model="form.name"></el-input>
    </el-form-item>
</el-form>

<script>
export default {
    data() {
        return {
            form: {
                name: ''
            },
            rules: {
                name: [
                        { required: true, message: '请输入活动名称', trigger: 'blur'},
                        { pattern: /^(?!\s+).*(?<!\s)$/,  message: '首尾不能为空格', trigger: 'blur' }
                ]
            }
        }
    }
}
</script>
用手机扫描二维码 关闭
二维码