Vue中的动态表单-复选框保持选中状态

Question

我有一个选择输入。和vuejs形式的复选框列表。复选框列表取决于在select中选择的内容。问题是，如果我选中1或2个复选框，则更改选择后，尽管复选框的值和标签已经更改，但1或2个复选框将始终处于选中状态。看起来它没有使用新的“已检查”属性构建新的复选框。 选择具有onChangefunction（），我可以在其中更改复选框列表中要检查的项目列表。复选框中的Checked（）函数检查是否应检查此确切元素，并返回true或false

<select @change="onChange" ...
<input type="checkbox" :checked="checked()" ...

问题是，即使checked（）函数总是返回false，在我手动检查页面后，复选框也会保持选中状态，但是很多时候我会更改选择输入选择

Answer 1

要真正给出一个好的答案，我认为可能需要更多信息。话虽如此，看来您绑定的是不正确的。您的输入行可能应该是：

<input type="checkbox" :checked="checked" ...

因此，您的checked函数上不应有括号。

如果这不是问题，请发布其余组件，以便我们查看脚本和数据值。

Answer 2

此处同意@DRich，但可以使用@input方法调用方法

<select @input="onChange" ...

我大部分时间都在使用