AntdesignVue数字输入框更改值回跳原来的值

AntdesignVue数字输入框

AntdesignVue数字输入框更改值回跳原来的值_第1张图片

项目中遇到反绑数据的时候,对数字输入框进行值的更改,发现数字输入框可以写值,但是写完后,数值会跳回原来的值,无法进行双向绑定进行数据的更改,看了半天没找到问题所在,后来我将赋值操作进行了修改就解决了,

使用Vue官方指定的方式this.$set进行新字段赋值并且回显,这样就不会造成对数字输入框操作后无法进行修改,

而我原来的操作是接口获取到数据后,对接口数据进行处理,然后对前端声明变量对象进行复制,类似于

Info.num = res.data.data;

这样绑定的新字段,模板语法可以识别进行数据反绑,但是无法对其进行修改操作。除非这样

this.$set(Info,'num',res.data.data);

 

你可能感兴趣的:(Vue,Vue输入框操作后回跳原来的值)