[Vuejs]-How do I properly set up anchor links in Vue

<a class="btn-primary" @click="scrollToAnchorPoint('testBlock')">
    Scroll Test
</a>
<div ref="testBlock">
    In page anchor point
</div>
<script>
export default{
    methods: {
        scrollToAnchorPoint(refName) {
            const el = this.$refs[refName]
            el.scrollIntoView({ behavior: 'smooth'})
        }
    }
}
</script>

forsmile.jp