スムーススクロール設定方法について ライブラリは使用しない


#1

aタグのリンクをスムーススクロールにしたいのですが、ライブラリを使用せず設定をしたいです。
jsのスムーススクロールは下記サイトを参考にしました。

●参考js 次へをクリックするとスムーススクロールします。
https://jsfiddle.net/renpeke/6gsv50ye/15/

上記サイトを参考にVue.jsで下記のように設定したのですが、
うまくスクロールができておりません。

●Vue.jsで設定したもの
https://jsfiddle.net/renpeke/pcvqew6t/91/
※トップへ戻るリンクは不要のため削除しております。

特にエラーも出ていないのですが、どこを修正して行けば良いのかわからず質問させて頂きました。

ご指摘いただけないでしょうか。よろしくお願いいたします。