当我们在用vue的时候,有的时候我们需要在jsp上回显从后台传回来的数据,但是这时候就会发现,大家利用

$("#").val();

这种方法给页面上的input赋值的时候,数据的确是赋值给了你想要的那个input中了,但是当我们再在这个页面中填数据的时候,你赋值的那个input的value就会消失,一开始以为是form表单给清空了,后来把form标签删掉了,还是出现了那个value值不见了的问题,经过测试,发现只有当

<input type="hidden" id="userId" name="userId"  v-model="vueObj.userId" />

在vue里面的时候才会出现,赋值的input的value消失,所以我猜测是new vue的时候,定义的那个model空的,所以每次都会利用v-model给input赋值为空,但是又不能把这个隐藏的input放在vue外边,如果放在外边的话,就没办法对他进行vue的操作,这时,我用了这样一种方法来替换$("#").val();这种方法,就是利用

Vue.set(target,key,value);

来给目标类中的对象赋值,这样就解决问题了!

Logo

前往低代码交流专区

更多推荐