[1560] initiate a click in the plugin vue-fullpage

Tell me what I'm doing wrong. I want to trigger the event of one button, by clicking on another

logo.vue

<template>
    <b-button @click="trigger">click</b-button>
</template>

<script>
export default {
   data () {
....
  },
  methods: {
        trigger () {
    	    this.$refs.click_template.click()
      }
  }
}
</script>

index.vue

<template>
    <div class="fullpage-container">
        <div class="page-home">
            <div class="button-group">
                <b-button-group vertical>
                    <b-button type="button"  v-bind:class="[{active:index ==0}]" @click="moveTo(2)"  
ref="click_template">
                        button
                    </b-button>
                </b-button-group>
            </div>
            <div class="fullpage-wp" v-fullpage="opts" ref="example">
                ...
                <div class="page">
                    <logo v-animate="{value: 'bounceInLeft'}"></logo>
                </div>
                <div class="page">
                    <pricelist v-animate="{value: 'bounceInTop'}"></pricelist>
                </div>
                ...
            </div>
        </div>
    </div>
</template>

<script>
import Logo from '~/components/Logo.vue'
import pricelist from '~/components/Pricelist.vue'

export default {
  data () {
    var that = this
    return {
      index: 0,
      opts: {
        start: 0,
        dir: 'v',
        duration: 500,
        beforeChange: function (prev, next) {
             that.index = next
        },
        afterChange: function (prev, next) {
        }
      }
    }
  },
  methods: {
    moveTo (index) {
      this.$refs.fullpage.$fullpage.moveTo(index, true)
    }
  },
  components: {
    Logo,
    pricelist,
    ...
  }
}
</script>