在项目中遇到一个场景，当活动周期类型为一周期时，每周期总参与次数应显示活动总名额且不可编辑。由于Vue的响应式问题导致输入框无法编辑。通过分析，发现是视图层和数据层的同步问题。解决方案是利用Vue的`this.$set`方法在data中定义并更新这个值，从而修复了响应性问题。详细解决方案参考了《Vue中$set的使用》和《Vue解决input无法编辑的问题》两篇文章。
项目场景：
活动周期类型选择活动时间为一周期时,每周期总参与次数是不可编辑的且值为活动总名额的值
问题描述：
今天需要实现一个功能是:活动周期类型选择活动时间为一周期时,每周期总参与次数是不可编辑的且值为活动总名额的值,而当我周期类型选择非活动时间为周期.每周期总参与次数是可编辑的.但是我发现,当我选择非活动时间为一周期时,input框无法编辑,也不能删.
原因分析：
vue有响应式问题,这是视图层和数据层的响应问题…
解决方案：
使用vue中
this.$set
,那么为什么使用它呢?怎么用呢?
参考: https://www.jianshu.com/p/6f28f5abee08
代码如下:
首先要在data中定义一下,你不可编辑的值.
然后使用this.$set方法解决vue相应问题
最低0.47元/天 解锁文章
扫一扫
2815
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
