关于Vue3使用element-plus表单组件无法修改的问题

最新推荐文章于 2024-04-02 22:33:58 发布
最新推荐文章于 2024-04-02 22:33:58 发布
阅读量443 收藏
点赞数
文章标签： vue.js 前端 javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_74037817/article/details/130755604
版权

  简单的说一下就是说我reactive了一个变量user，然后用axios接受后端数据并且赋值，然后弹出表单，发现表单能动态显示数据但是不能修改，困扰了我好久好久，然后发现用 ref 就好了，真别用byd reactive了好吧，写前端发现很多问题只要用了reactive就会出问题然后改成ref就好了

  可能是我的理解不太行吧。。

关注本猪小猪谢谢喵
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
Vue3+element-plus-table-dragable(Sortable.js)实现表格拖动排序
06-15
在网上找的（vue3+sortable.js根本跑不起来）网上好多例子在vue3下根据跑不起来于是，也没有对表格排序的例子。Vuedraggable 是基于并提供Sortable.js的所有功能。重用现有element-plus组件库。对于小白来说怎么在...
项目中简单封装vue3+element-plus表单
04-01
项目中简单封装vue3+element-plus表单
element 组件改变值后选中的内容不变
吴冬雪的博客
08-22 903
问题场景：默认下拉框选中了值，切换下拉框选中的值，值改变了，但是视图未改变。
elementUI 设置input的只读或禁用的方法
01-21
只读：readonly 在data里定义：readonly: true, 然后在input框里加上readonly就可以了。 禁用：disabled 在data里定义：edit: true, 然后在input框里加上：:disabled=”edit”就可以了 PS：下面看下elementui通过 disabled 属性指定是否禁用 input 组件，如何用DOM操作取消disabled 属性 <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <meta name=viewport content
表单项无法修改原因及解决办法
最新发布
foot_s的博客
04-02 126
原因二、表单项放在了 slot-scope 插槽内，无论是用来判断还是用来显示都有可能导致表单项无法修改。解决办法，把表单项从插槽中取出来，用其他方式实现原有功能。原因一、可能因为表单内容是从接口中传过来的，接口中没有定义这个字段。解决方法，解决赋值后添加该字段。
ElementUI el-input 设置数据无法修改
回忆在这里
02-28 1055
网上有一些方案，比如添加input、change之类的事件，调用强制更新this.$forceUpdate()，试过之后并没有解决问题，分析是因为本来el-input就已经是无法修改状态，input，change事件怎么触发呢？分析原因是在定义data数据初始化时候没有把原始的属性结构定义，AJAX返回结果后直接给form添加新的属性并赋值，虽然数据能显示，但是这样添加的属性不是响应式的，如果在模板或渲染函数中使用该属性，这个新的属性将无法触发组件重新渲染。
关于element表单动态添加表单项，无法修改的问题
BookstoreSpirit的博客
04-15 2205
element表单动态添加的表单项值无法修改问题
element,编辑表单的状态（可修改表单及不可修改表单）shj
爬楼梯的前端小白的博客
02-17 6978
不点编辑的时候 表单默认设置true 禁用,点了编辑后 表单禁用取消 可以修改账户的密码 再点确定之后 即回复第一张图状态
element的el-form表单数据赋值回显后无法编辑修改
weixin_40765227的博客
04-17 1681
写完之后表单无法修改，怎么点击都没反应。使用$set赋值即可。
基于vue3+element-plus的管理系统.zip
05-16
基于vue3+element-plus的管理系统 基于vue3+element-plus的管理系统 基于vue3+element-plus的管理系统 基于vue3+element-plus的管理系统 基于vue3...
vue-form-generator:vue3 + ts + element-plus表单生成器
04-10
Vue形式生成器 项目设置 npm install 编译和热重装以进行开发 npm run serve 编译并最小化生产 npm run build 自定义配置 请参阅。
vue3Util:基于vue3 element-plus form表单二次封装
05-05
. 在线预览 git subtree push --prefix=dist origin gh-pages npm i zx-lib3 -S
element的el-form表单数据绑定或者回显后无法编辑修改
Schaffer的博客
05-10 3503
在赋值后加上如下代码： this.formData = JSON.parse(JSON.stringify(this.formData)); this.formData = JSON.parse(JSON.stringify(this.formData));
【已解决】vue动态表单v-model无法编辑
bao
03-29 2951
vue动态表单v-model无法编辑
【已解决】vue3的reactive赋值，数据不能动态改变的问题
w5206666的博客
05-28 5401
vue3的reactive赋值，数据不能动态改变的问题 问题描述： 当有数据 const data = reactive({age:15,sex:'女'}) 此时新来了一个变量 const param = {age:16,sex:'女'} 想要将data1的值赋值给data。 若data=data1便不能动态修改data的值 解决办法： 将const data = reactive({age:15,sex:'女'}) 改写成： const data = reactive( info : { age:
解决element组件中自定义组件的样式不生效问题(vue scoped scss无效)
qq_34736893的博客
12-19 646
解决css样式 ：调整element内部控件样式
Vue3 element-plus el-select 无法选中，又不报错
m0_37616866的博客
04-26 2585
Vue3 中el-select 下拉框 使用的坑
VUE3.0+element-plus el-input无法输入
weixin_43267086的博客
08-04 4388
报错：ncaught TypeError: Cannot read property 'use' of undefined
VUE3使用element-plus表单验证
05-28
在 Vue3 中使用 Element Plus 进行表单验证，需要先安装 Element Plus 和 VeeValidate（Element Plus 依赖于 VeeValidate）。安装命令如下： ``` npm install element-plus vee-validate@next ``` 安装完成后，...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值