vue element-ui el-form组件无法编辑问题

最新推荐文章于 2024-05-14 12:52:20 发布
最新推荐文章于 2024-05-14 12:52:20 发布
阅读量1.2k 收藏 1
点赞数
文章标签： vue.js javascript 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42280449/article/details/127983583
版权

 el-form内组件无法编辑

不能用el-col标签单独包含el-form，这会导致el-form失效，组件无法编辑

<!-- 这样会导致el-form内组件失效 -->
<el-col>
    <el-form>
    </el-form>
</el-col>


<!-- el-form组件可生效 -->
<el-col>
    <el-form>
    </el-form>
    ......其他标签
</el-col>

 

 

Tengsm_
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 2
    评论
elsa:elsa（eleme simple admin）基于 element-ui 封装 el-form，el-table 等组件，用于快速开发后台管理页面
05-09
:high_voltage: elsa（eleme simple admin）基于 element-ui 封装 el-form，el-table 等组件，适用于快速开发后台管理项目。 用法示例，见： Quickstart npm i elsa-vue -S // vue main.js import Vue from 'vue' ...
Vue ~ element-ui 动态表单验证，支持添加和删除操作
07-27
Vue 基于element-ui 组件，el-form与el-table结合使用实现动态表单验证，支持添加和删除操作；支持身份证号码验证、手机号验证; 开箱即用，方便快速二开，节省开发成本
element的el-form表单数据赋值回显后无法编辑修改
weixin_40765227的博客
04-17 1681
写完之后表单无法修改，怎么点击都没反应。使用$set赋值即可。
Vue里如何解决form吧表单更新操作出现不能进行编辑的情况
qq_41497443的博客
08-31 3063
Vue里如何解决form吧表单更新操作出现不能进行编辑的情况 只需在进行form表单更新操作的时候进行强制更新即可： 1、首先、定义一个用于强制更新的方法 //对form表单进行强制更新操作，避免无法编辑表单的情况 updateForce(e){ this.$forceUpdate(); var val = e; } 2、在需要进行更新操作的form表单调用定义好的强制更新方法 <el-form-item label="线路编号" :label-width="
动态el-form表单以及动态禁用
最新发布
m0_58293192的博客
05-14 258
动态el-form表单以及动态禁用
element的el-form表单数据回显后无法编辑修改
qq_30434271的博客
01-20 3896
这个问题真的很神奇，先贴上解决办法： _this.model = JSON.parse(JSON.stringify(_this.model)); 其他代码不用动，瞬间解决！
【vue】element form/input/select 组件 赋值后无法编辑的问题
Hypnotic0624的博客
12-08 2321
今天在使用element form组件时，想创建一个修改的dialog ，赋上当前值再修改传后台 开始代码如下 HTML部分： <el-dialog :visible.sync="updateDialogVisible" title="编辑任务" width="50%"> <el-form :model="updateForm" ref="updateForm"> <el-row> <el-form-item lab
Vue form绑定数据后只能显示不能编辑
爱洗澡的拉布拉多的博客
07-03 2122
问题描述： 数据绑定后form上，数据能够正常显示，像单选、下拉框等能操作，但是操作后，显示的值不变，页面自动更新后才能显示。 原因分析： 是因为在赋值的时候，没有在data中声明属性，如下面的代码： <script> export default { data () { return { formModel: {} } }, methods: { processFormData (val) { let s = JSON.parse(J
快速解决Vue、element-ui的resetFields()方法重置表单无效的问题
10-14
主要介绍了快速解决Vue、element-ui的resetFields()方法重置表单无效的问题，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
element-patch:An extension package based on vue and element-ui. 一个基于 vue 与 element-ui 的扩展包，提供数据驱动的表单渲染，菜单渲染，表格拖拽，权限控制等功能
05-02
Step1: Install// Make sure you have properly installed element-ui and used it correctly.yarn add element-patch// Step2import ElementPatch from 'element-patch'import 'element-patch/index.css'Vue.use
vue+Element-ui实现登录注册表单
01-18
本文实例为大家分享了vue+Element-ui实现登录注册表单的具体代码，供大家参考，具体内容如下 ...通过Element-ui的表单实现登录注册的表单验证 效果图如下 ... 登录表单 登录的实现，需要通过手机号或者...el-form-item pro
element的el-form表单数据绑定或者回显后无法编辑修改
Schaffer的博客
05-10 3504
在赋值后加上如下代码： this.formData = JSON.parse(JSON.stringify(this.formData)); this.formData = JSON.parse(JSON.stringify(this.formData));
elementUI form表单中输入框无法编辑问题
tfx19931128的博客
07-15 3517
解决方法 1.form表单绑定的变量对象没有定义具体的对象字段，导致在form表单内使用了新增的字段vue无法识别并同步更新，所以解决这个问题只需要把form表单内定义的字段变量在绑定对象中全部定义一遍即可，如图所示： ...
编辑时使用Object.assign({},row) el-form表单无法编辑 el-select赋值后不能编辑
新前端小白的博客
08-13 9227
场景：页面表格数据是从后台获取的，编辑时，将数据传给dialog，发现Form表单无法编辑了，select多选框无法选择，删除，datepicker等组件也会出现这种不能编辑的情况 原因：通过Object.assign直接将后台返回的数据赋值给form，后台返回的数据结构与data中初始化的form，数据结构发生了改变 解决： 页面有新增，编辑，删除按钮。 可以编辑表格中的某行数据，点击编辑打开d...
解决form表单内容不能编辑，不能更改问题
m0_65274248的博客
09-14 2431
解决form表单内容不能编辑，不能更改问题
elementUI如何设置input不可编辑
追求卓越583的博客
01-18 2669
elementUI如何设置input不可编辑
web前端-vue中设置el-form-item是否可编辑
MinggeQingchun的博客
12-08 7998
设置el-input，textarea只读方法，使显示的文本内容不允许变更。此时，可通过页面限制防止用户修改 方法：添加readonly="true" 或者:disabled="true" 均可实现。代码示例如下所示： <el-form-item label="用户：" :label-width="formLabelWidth"> <el-input type="textarea" readonly="true" v-model="formData.benchmarkDe..
解决vue表单回显数据无法修改的问题
Crazy_GirlLL的博客
09-23 3559
前言：今天在做修改操作的时候遇到了一个问题，数据回显到修改表单之后，发现无法输入，也不能实现修改 项目环境：springboot+vue前后端分离 问题：修改操作数据回显无法输入值 一、问题截图 二、代码展示 编辑按钮 <el-button type="text" size="small" @click="updateWindow = true,editCustomer(scope.$index,scope.row,tableData)">编辑 点击编辑按钮后.
＜el-form＞标签与＜el-col＞之间的套用导致点击无效的问题
七夜的博客
09-14 550
编写简单的表单时，可以使用用来进行布局，让相关的组件放在同一行。但是今天使用时发现有两个问题：①如果用上以上这样的格式，布局无效②如果不用标签，则form表单的组件点击无效。
vue element-ui中 form 组件 upload组件
04-12
对于vue element-ui中form组件中的upload组件，可以通过设置limit属性来限制上传文件大小。例如，设置limit为200KB，则上传文件大小不能超过200KB： <el-upload class="upload-demo" action="/upload" :limit=...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值