您现在的位置是：网站首页> 编程资料编程资料
el-form-item prop属性动态绑定不生效问题及解决_vue.js_
2023-05-24
472人已围观
简介 el-form-item prop属性动态绑定不生效问题及解决_vue.js_
prop属性动态绑定不生效
做项目时表单有一项需要有条件展示是否校验,于是首先就想到prop动态绑定,如下
但是试了好几遍都不生效,最后改成rules动态绑定校验就OK了
el-form-item中prop属性绑定报错
报错：“Error: please transfer a valid prop path to form item!“
控制台报错
原因：因为这里动态创建的el-form-item,所以循环出来的标识prop是我们用模板字符串拼接的动态prop，需要用v-bind绑定。
源代码
修改后
以上为个人经验，希望能给大家一个参考，也希望大家多多支持。
相关内容
- Vue中axios的基本用法详解_vue.js_
- Vue路由传参及props解耦深入分析_vue.js_
- JavaScript可视化与Echarts详细介绍_javascript技巧_
- vue-cli中设置publicPath的几种方式对比_vue.js_
- Vue出现弹出层时禁止底部页面跟随滑动_vue.js_
- 微信小程序使用webview打开pdf文档以及显示网页内容的方法步骤_javascript技巧_
- Vue3+TypeScript+Vite使用require动态引入图片等静态资源_vue.js_
- vue路由传参方式的方式总结及获取参数详解_vue.js_
- vue如何实现动态改变地址栏的参数值_vue.js_
- uni-app配置APP自定义顶部标题栏设置方法与注意事项_javascript技巧_
