首页 > 其他分享 >遇到 element-ui 框架的警告 `[Element Warn]please pass correct props!`

遇到 element-ui 框架的警告 `[Element Warn]please pass correct props!`

时间:2023-04-26 15:38:12浏览次数:45  
标签:el props please element Warn pass prop

 第二行发现是校验表单项报错,到代码中查看原来是没有给 el-form 表单中的 el-form-item prop参数,

这个prop参数是表单域 model 字段,在使用 validate、validateField、resetFields 等方法的情况下,该属性是必填的

标签:el,props,please,element,Warn,pass,prop
From: https://www.cnblogs.com/cc-99/p/17356221.html

相关文章

  • Vue3 + element-plus使用注意
    1.给组件设置ref="xxx"例如:<el-tableref="tableRef"定义tableRef时,需要注意尽量使用ref()而非ref(null)consttableRef=ref();因为使用ref(null)会得不到$el的相关属性,即undefined例如:表格自适应高度consttableRef=ref();constsetTableHeight=()=>......
  • Element-Plus中表格的使用
    table的使用基础使用el-table是整个表格,其中的data是整个列表要展示的数据。一般我们使用表格所展示的内容都是数组嵌套对象的形式,width就是指定整个表格的宽度,也就是基础的css样式。其中每一列使用el-table-column来包裹,在el-table-column中prop表示数组中每一项元素的建,label......
  • Element之container容器布局
    作用:用来快速搭建页面基本结构<el-container>:最外层容器标签<el-header>:头部容器标签<el-aside>:侧面容器标签<el-main>:主要内容容器标签<el-footer>:底部容器标签注:以上标签采用的是flex弹性盒布局,本人还是比较喜欢用的(不会的可以去搜索相关教程,还是比较实用的)常见......
  • vue 使用Element 的form表单如何校验对象中的对象属性?
    1、校验对象中的对象属性,需要特殊处理下:<templatev-if="form.dataType===0"><el-form-itemlabel="芯片类型"prop="configExtend.schemeVersion"><el-selectv-model="form.configExtend.schemeVersion&quo......
  • D. Remove One Element(前缀最大+简单状态机)
    题目D.RemoveOneElement题意输入n(2≤n≤2e5)和长为n的数组a(1≤a[i]≤1e9)。从a中去掉一个数(也可以不去掉)。输出a的最长严格递增连续子数组的长度。思路一种方法是前缀最长和后缀最长,加起来。这种方法比较简单。用状态机来写,定义f[i][0/1]分别表示前缀......
  • vue-element-admin报错Error: error:0308010C:digital envelope routines::unsupporte
    安装vue-element-admin报错 nodejs  Node.jsv18.15.0  opensslErrorStack:['error:03000086:digitalenveloperoutines::initializationerror'],library:'digitalenveloperoutines',reason:'unsupported',code:'ERR_OSSL......
  • Element UI 中 el-input 按下回车键会刷新页面的原因及解决方法
    【问题描述】在需求开发的过程中遇到了一个奇怪的问题:点击弹窗开启表单,分明没有添加任何键盘事件,但在按下回车键时会让页面自动刷新,因此影响到了其他功能。 【产生原因】查阅资料后得知,当el-form表单里只有一个 el-input时,按下回车建会自动触发页面提交功能,因此导致了页......
  • vite + vue3 + vue-router4 + ts + element plus + pinia + axios构建项目
    最后是完整的vite.config.ts、main.ts配置1、先用vite创建一个项目npmcreatevite@latest2、安装elementplusyarnaddelement-plus@element-plus/icons-vuevite.config.ts配置组件按需导入,图标自动导入npminstall-Dunplugin-vue-componentsunplugin-auto-impor......
  • vue3中如何引入element-icon并使用
    简单来说,步骤就是:安装——注册——按需引入——使用安装#NPM$npminstall@element-plus/icons-vue#Yarn$yarnadd@element-plus/icons-vue#pnpm$pnpminstall@element-plus/icons-vue注册您需要从@element-plus/icons-vue中导入所有图标并进行全局注册。......
  • element中datetimerange限制时间的选择范围
    <el-date-pickerv-model="Hour"type="datetimerange":picker-options="pickerOptions"range-separator="-"format="yyyy-MM-ddHH"value-format="yyyy-MM-ddHH"start-placehold......