无法获得重置按钮以清除复选框

时间:2016-12-10 14:58:21

标签: vue.js vue-component

我正在使用Vue.js v2,我已经定义了一个单文件组件RegionFacet.vue。它列出了一些与地图上的多边形相关的区域(单击一个值,相应的多边形出现在地图上)。

另外,我有一个重置按钮。当单击它时,我调用RegionFacet中的方法取消选择RegionFacet显示的任何复选框。模型确实已更新,但复选框仍保持选中状态。我错过了什么?

BEGIN

1 个答案:

答案 0 :(得分:1)

您正在将数组长度直接设置为零,这是Vue无法检测到的,如下所述:https://vuejs.org/v2/guide/list.html#Caveats

更多信息:https://vuejs.org/v2/guide/reactivity.html#Change-Detection-Caveats

要解决此问题,您可以改为设置this.selected的值,如下所示:

reset: function() {
  this.selected = [];
}