click ボタンを押すとページ遷移させたい

Question

ボタンを押したら、googleのウェブページに遷移するという機能をつけたいのですが、
添付の画面写真のボタンを押すとコンソール上に下記のようなエラーメッセージが表示され
ページ遷移することができません。
どなたご教示いただけませんでしょうか？

【エラーメッセージ】
DevTools failed to load SourceMap: Could not load content for chrome-extension://fheoggkfdfchfphceeifdbepaooicaho/sourceMap/chrome/content.map: HTTP error: status code 404, net::ERR_UNKNOWN_URL_SCHEME

<template>
    <v-card>
        <v-text-filed><v-btn @click="onClickButton">google</v-btn></v-text-filed>
    </v-card>
</template>
<script lang="ts">
import {Component,Vue} from'nuxt-property-decorator'

@Component
export default class typescriptLesson extends Vue{
    public google:any="";
    onClickButton(){
        this.google='https://google.com';
    }
}
</script>

Answer 1

エラーメッセージはソースマップが見つからんという内容なので起きている事象とは関係ありません。

ここが google という変数に代入しているだけなので動かないのが原因です。

public google:any="";
onClickButton(){
    this.google='https://google.com';
}

ページ遷移をさせたい場合はブラウザの location を変えてやらねばいけません。
具体的に言うと次のように変えれば多分動くと思います。(Vue については詳しくないので、そこでこけていたら頑張ってください)

export default class typescriptLesson extends Vue{
    onClickButton(){
        location.href='https://google.com';
    }
}

Comments

[takochan1192]

ご回答ありがとうございます。やってみます！