请教一个问题，关于 Vue

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

› Vue.js

这是一个创建于 2413 天前的主题，其中的信息可能已经有所发展或是发生改变。

问题是这样的：

我在 methods 里有个方法，方法是将localStorage的数据赋值给 data()里的一个对象，如下图

然后再利用拿到的 data 里的值对页面进行 v-for 渲染

可是为什么会在函数里输出这个this.CombosDetailDescArr会无限循环，

然后我在函数里有单独打印这个 localStorage 又正确了没有无限循环

但是只要一把localStorage的数据赋值给this.CombosDetailDescArr或者任意与 data()里的对象，都会无限循环

头大，求指导

我看网上说的是函数导致视图更新，视图又导致函数再次执行，结果无限循环。

找了好久都没有解决方法，求指导。

函数

Data

循环

this

11 条回复 • 2018-03-29 22:08:45 +08:00

whypool

2018-03-29 15:07:03 +08:00

写的什么玩意，触发的 method 你 return 个毛线

ferrum

2018-03-29 15:34:07 +08:00

你这个 CombosDetailDescArr 具体是什么，是数组的数组吗？

geying

2018-03-29 16:31:05 +08:00

看得我很是迷茫到底是哪里无线循环了...

chairuosen

2018-03-29 16:36:17 +08:00

缩进没对齐

shelly14

2018-03-29 17:32:59 +08:00

随便搜了一下，不一定对： http://www.gimoo.net/t/1801/5a5c140a00335.html

xcssum

2018-03-29 21:19:52 +08:00 via iPhone

打个断点看下 call stack 吧

wenbinwu

2018-03-29 21:29:20 +08:00

你是不是在 v-for CombosDetailDescArr ?
如果是的话，看 5L 文章

picture2200

2018-03-29 21:29:23 +08:00 via Android

把 template 贴出来看看啊。

leekoho

2018-03-29 21:51:01 +08:00

你存在 localStorage 是字符串，取出来用的时候有没有转类型？

leekoho

2018-03-29 21:52:18 +08:00

当我没说......

LeungJZ

2018-03-29 22:08:45 +08:00

温馨提示：vue 中要改变整个对象，需要用到 this.$set(data, key, value) 这个函数。