当前位置:首页 > 经验笔记 > javascript > 正文内容

elementUI—el-form表单,校验二层对象的值

han32683年前 (2023-07-06)javascript2301

表单数据:

formData:{
    name:'',
    role:{
        name:''     
    }
}

1、给 el-form-item 的 prop="" 设为:prop="role.name"

2、然后在校验规则中:重点要用 '' 括起来

rules: {    'role.name': [
        {required: true, message: '请输入角色名', trigger: 'blur'},
    ]
}


扫描二维码推送至手机访问。

版权声明:本文由瀚文博客发布,如需转载请注明出处。

本文链接:https://hanwenblog.com/post/86.html

分享给朋友:

相关文章

JS/VUE按钮点击excel上传文件解析文件内容

代码如示    import * as XLSX from 'xlsx'; // 导入xlsx库    ...

JS/VUE按钮点击上传文件

直接上代码    importFile() {       const fil...

Echarts图表的悬浮框位置的调整

下面的代码实现了悬浮框的位置不会超出界面 最多在离界面边缘5px的地方tooltip: {         ...

element UI的表格fixed悬浮固定列错乱的官方解决办法

一般从无数据到有数据, 表格中的fixed列就会出现排版 以及各种奇奇怪怪的情况, 官方的办法是用表格的doLayout方法doLayout对 Table 进行重新布局。当 Table 或其祖先元素由...

判断echart实例是否已经存在,如果不存在,就进行初始化

      var myChart = echarts.getInstanceByDom(chartDom)...