vue的复选框默认值问题

Question

这是我在代码中的复选框，用户在添加信息时，用复选框选择信息时，用一个str:[] 数组来接收，然后
赋值。这是按照官方文档教的写的。
现在我需要在用户编辑信息时跳出和添加一样的界面，但是信息是上次添加或编辑时的值。效果大概是这样：

添加时：
编辑时：

这是普通的input框，用v-model很容实现，但是到复选框时我遇到了难题，如何让复选框的值和上次添加时一样呢？我在初始化后台拿到的数据格式是这样的：[“消金公司”,“银行”]，如果我直接绑在STR上 那复选框会被全部选中，像这样

我该怎么做才能在不改变页面的情况下达到这种效果啊

Answer 1

感觉这样的数据最好做，
当然要是后端不给就需要你自己转

Answer 2

https://jsfiddle.net/Chobits/...

Answer 3

参考官网：https://cn.vuejs.org/v2/guide...

Answer 4

我的复选框也有过这个问题
直接赋值给str会出问题的
我是循环将初始值 循环push到 str数组里