javascript - 如何隐藏主页上的一组按钮？ vue.js

Question

我无法隐藏主页上的按钮组。

单击按钮 moveTo(0) 或滚动到顶部时隐藏

  show: function() {
    this.scrollTop = (window.pageYOffset !== undefined) ? window.pageYOffset
    : (document.documentElement || document.body.parentNode || document.body).scrollTop;
  }

jsfiddle

Answer 1

那么就执行这个 v-if="index !== 0" 示例:

    <div class="button-group" v-if="index !== 0">
         <button type="button" :class="{active:index ==0}" @click="moveTo(0)">home</button>
         <button type="button" :class="{active:index ==1}" @click="moveTo(1)">about</button>
         <button type="button" :class="{active:index ==2}" @click="moveTo(2)">contacts</button>
    </div>

这样就可以了