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

Question

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

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

问题是即使checked()函数总是返回false，在我在页面上手动检查后复选框将保持选中状态但是很多次我会更改选择输入选项

Answer 1

这里同意@DRich但是你可以使用@input方法来调用方法

<select @input="onChange" ...

我大部分时间都用这个

Answer 2

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

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

所以你的 checked 函数不应该有括号。

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