Javascript vue js中的计算方法在更改复选框值时不更新

我制作了一个代码笔，演示了我遇到的一个复选框不工作的问题。更改时，

clipsData

的值不会更新

{{clipsData}}

更改时未更新：{clip.issubsource}
动态内容
冥想：
1.动机
2.感激

var-video\u-clip\u-data\u-var=“[{\'冥想\'：[\'动机\'，\'感恩\']}]”；
var VideoClip=新的Vue({
el:“#视频剪辑包装”，
数据：{
剪辑：[]，
加载：false，
},
已创建：函数（）{
this.clips=JSON.parse（video\u clip\u data\u var）；
for（var i=0；i

有人能帮我解决这个问题吗？单击复选框时，隐藏内容应直接显示。 谢谢

替换那个

this.clips[i].subsourcesettings = "issubsource".split(',');
this.clips[i].subsources = [];

到

---

您可以找到有关问题的更多详细信息。

在“clip”对象中没有

{{{clip.issubsource}}

而

issubsource

是“subsourcesettings”数组的项。这可能是个问题吗？

this.clips[i].subsourcesettings = "issubsource".split(',');
this.clips[i].subsources = [];

Vue.set(this.clips[i], 'subsourcesettings', "issubsource".split(','))
Vue.set(this.clips[i], 'subsources', [])