vue 页面回显后台传回的数据,且页面数据不清空
当我们在用vue的时候,有的时候我们需要在jsp上回显从后台传回来的数据,但是这时候就会发现,大家利用$("#").val();这种方法给页面上的input赋值的时候,数据的确是赋值给了你想要的那个input中了,但是当我们再在这个页面中填数据的时候,你赋值的那个input的value就会消失,一开始以为是form表单给清空了,后来把form标签删掉了,还是出现了那个value
·
当我们在用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);
来给目标类中的对象赋值,这样就解决问题了!
更多推荐
已为社区贡献1条内容
所有评论(0)