小编Iul*_*het的帖子

我有一个非常简单的应用程序，它包含2个组件：App.vue和一个组件，Home.vue其中包含应用程序其余部分的结构：一个粘性标头和一些带有锚点的部分，可滚动到该部分。

我想将一个类应用于粘性标头，以在滚动页面时最小化徽标。因此，我认为我会注意的任何更改window.scrollY。因此，如果scrollY大于0，则应用一些最小化徽标的类。

我试图听组件中的滚动事件，但是并没有走多远。在这里的讨论中，提供了一个非常好的解决方案，但我不知道将滚动事件放置在何处。https://github.com/vuejs/Discussion/issues/324

因此，我认为最合适的解决方案是创建一个数据属性，为其分配window.scrollY数字，然后观察其值的变化。不幸的是，观察者从未被触发。所以现在我被卡住了。代码是：

data () {
return {
  ...
  windowTop: window.top.scrollY
 }
}
...
watch: {
 windowTop: {
  immediate: true,
  handler (newVal, oldVal) {
    console.log(newVal, oldVal);
  },
 }
}

对我可能做错的任何想法？

这里的熊猫总数不多，请多多关照。我有一个数据示例，其中包含以下形状的年度条目：

{"Country":{"0":"Italy","1":"Italy","2":"Italy","3":"Italy","4":"Italy","5":"Italy","6":"Italy","7":"France","8":"France","9":"France","10":"France","11":"France","12":"France","13":"Spain","14":"Spain","15":"Spain","16":"Spain","17":"Spain","18":"Spain","19":"Spain"},"Year":{"0":2004,"1":2005,"2":2006,"3":2007,"4":2008,"5":2009,"6":2010,"7":2006,"8":2007,"9":2008,"10":2009,"11":2010,"12":2011,"13":2007,"14":2008,"15":2009,"16":2010,"17":2011,"18":2012,"19":2013},"Revenue":{"0":1000,"1":1200,"2":1300,"3":1400,"4":1450,"5":1300,"6":1200,"7":2200,"8":2100,"9":1900,"10":2300,"11":2400,"12":2500,"13":1150,"14":1230,"15":1300,"16":1200,"17":1050,"18":900,"19":950}}

我需要一种仅过滤所有国家/地区的常见年份的方法，例如2007、2008、2009和2010。

我认为我应该制定一个公式并将其应用，但是我似乎找不到自己的方法。