<el-form ref="ruleForm" :rules="rules" :model="form" label-width="120px" size="small">
<el-form-item label="通知主题:" prop="noticeName">
<el-input v-model="form.noticeName" clearable placeholder="请输入通知主题"></el-input>
</el-form-item>
<el-form-item label="通知内容:" prop="noticeContent">
<vue-ueditor-wrap style="line-height: 20px;" ref="ueditor" :init="myInit" v-model="form.noticeContent" :config="UeditorConfig"></vue-ueditor-wrap>
</el-form-item>
</el-form>
methods:{
// 表单验证
rules: {
noticeName: [{ required: true, message: '请输入通知主题(格式为非空格的任何字符)', trigger: 'blur', pattern: /^[\s\S]*.*[^\s][\s\S]*$/ }],
noticeContent: [{ required: true, message: '请填写通知内容', trigger: 'blur' }]
},
}
element的表单
©著作权归作者所有,转载或内容合作请联系作者
- 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
- 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
- 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
推荐阅读更多精彩内容
- el-form-renderer 基于 element-ui 封装的表单渲染器,完整继承了 element 的属性...
- 本例子表单为dialog形式出现,dialogFormVisible为父组件传来的控制表单显示的值,通过watch...
- 绑定的值与规则指定的值一定要相同 第一步:加上rules ref 第二步: 加上prop 第三步: 这里加了re...
- 今天使用element的rules功能时遇到个无法验证问题,无法获取到input框的值,由于我是使用全局的表单验证...