Vue的复选框默认值问题


#1


这是我在代码中的复选框,用户在添加信息时,用复选框选择信息时,用一个str:[] 数组来接收,然后
赋值。这是按照官方文档教的写的。

现在我需要在用户编辑信息时跳出和添加一样的界面,但是信息是上次添加或编辑时的值。效果大概是这样:

添加时:image
编辑时:image

这是普通的input框,用v-model很容实现,但是到复选框时我遇到了难题,如何让复选框的值和上次添加时一样呢?我在初始化后台拿到的数据格式是这样的:[“消金公司”,“银行”],如果我直接绑在STR上 那复选框会被全部选中,像这样image
我该怎么做才能在不改变页面的情况下达到这种效果啊


#2

你必须给这些复选框一个相同的name属性,这样他们才是一组多选框