- 博客(3)
- 收藏
- 关注
RSS订阅原创 Vue输入框无法修改
当使用vue中的input输入框提交表单数据时，提交完成之后会发现有些输入框的值无法修改。我在网上搜索了好长时间，终于搞清楚是什么原因导致的。原来是我在传值的时候，没有使用vue.set方法实现响应式的数据更新。vue.set方法用于向响应式的对象中添加一个属性，并保证这个属性是响应式的。如果数据源中有些数据是原本没有的，需要后续新增，这时候就要使用vue.set方法确保新增的这些数据属性是响应式的，这样就可以进行实时修改并更新啦！
2023-10-20 15:30:05
310
1
原创 vue输入框无法输入或延迟输入的问题
vue有时候会碰到输入框无法输入的问题，甚至只有当下一个输入框输入的时候，前一个输入框才会有反应，这往往是因为v-model层级过多，render函数无法自动更新，因此这时候需要我们手动强制刷新。下拉框有时也会出现同样的问题，我们同样可以添加@change时间对下拉框的内容强制刷新。这样，输入框就可以及时响应了。
2023-09-14 11:28:39
892
4
原创 vue+element ui表单提交校验问题
3、rules中的校验规则需要注意，例如：如果是对input输入框设置校验，触发条件应设置为"blur"；如果对select下拉框设置校验，触发条件应设置为"change"。1、el-form-item中的prop字段需要和v-model中绑定的字段值一致，且还需要和rules中设置的校验值一致；4、rules中的校验字段未在data中声明，如果字段未申明，那么就无法实现数据双向绑定的效果。2、el-form中需要用model绑定，并且绑定的字段名称需要和后面一致；这样的话就可以解决校验不起作用的问题啦！
2023-09-11 15:27:35
1072
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人