在 Vue.js 上，当用户点击后退按钮时，v-model 不会保留该值

Question

我有一个带有复选框的表格。当用户将它们标记为选中时，我将值添加到 vue.js 属性中。

如果用户提交表单然后按后退按钮，则选中的框保持不变，但 vue.js 变量不再包含选中的值。如果我取消选中它们并再次手动检查它们，那么它们会再次显示在变量中。

如何保留变量中的值或取消选中复选框以便用户知道需要再次检查它们？

超文本标记语言

{% for entity in entities %}
<input type="checkbox" v-model="checkedEntities" value='{{ entity.id }}' name="entity_{{ entity.id }}">
<span>{{ entity.name_tag }}</span>
{% endfor %}

Vue.js

var app = new Vue({
    el: '#app',
    delimiters: ["${","}"],
    data: {
        checkedEntities: [],
    }
}

注意：实体变量属于Django。

Answer 1

这是一个 chrome 错误，可以通过关闭单选按钮的自动完成功能来修复：

<input type="checkbox" autocomplete="off" v-model="checkedEntities" value='{{ entity.id }}' name="entity_{{ entity.id }}">