前端脱坑记之VUE修改v-model数据后页面未刷新

 时间:2024-10-12 02:09:10

1、这边需求很简单,当页面选择了客户之后,会从服务器获取该客户详细信息,将详细信息中地址赋值给表单中拜访地点。

前端脱坑记之VUE修改v-model数据后页面未刷新

2、下图中为我相应的代码片段。客户变化后触发handleCustomerChange方法,然后将visitAddr修改为该用户的地址。

前端脱坑记之VUE修改v-model数据后页面未刷新前端脱坑记之VUE修改v-model数据后页面未刷新

3、但是我发现修改了客户之后,方法也触发了,数据也赋值成功了,但是页面拜访地点却并没有更新。

前端脱坑记之VUE修改v-model数据后页面未刷新

4、查询了官方文觇致惯鸹档,看VUE时如何追踪变化的。看起来就是我们data中的model需要有该属性,然后才能生成该属性的getter&setter方法然后靠watcher以动态刷新。

前端脱坑记之VUE修改v-model数据后页面未刷新

5、我的formInfo中并没有visitAddr属性,所以添加了该属性,并设置默认值为空字符串。

前端脱坑记之VUE修改v-model数据后页面未刷新

6、一般这样就可以了,但是不知道咋回事儿我其它的照这个思路都已经正确刷新了,但是visitAddr却仍然没有。这里我最终采用了$set方法重新渲染才成功达成目标。

前端脱坑记之VUE修改v-model数据后页面未刷新
  • 苹果手机怎么装软件
  • lightroom高级调色教程
  • 黑色洛城枪击案攻略
  • 酒酿圆子水铺蛋
  • YY语言7如何下载安装
  • 热门搜索
    origin怎么设置中文 淘宝怎么推广 淘宝怎么注册 白菜怎么炒好吃 怎么做巧克力 阿拉斯加怎么养 睡眠质量不好怎么办 怎样改善 成绩单家长意见怎么写 吃阿胶上火怎么办 眼袋怎么形成的