ページのタイトルを空白にしたい

Question

入力値を動的に取得しブラウザのタイトルにする場合、
未入力のときは動的に取得している値を空白""にして表示したいです。

前提・実現したいこと

・検索条件を動的に取得し、タイトル名に表示したい。
・取得する検索条件が空白の場合は、タイトルに空白を挿入したい。

発生している問題・エラーメッセージ

検索キーワードが空白の場合は、タイトルにundefindが表示される。

該当のソースコード

vue.js
ファイル：SeoTest.vue
export default {
.
.
metaInfo() {
var titleWord = this.$store.SeachWord
if( titleWord == undefined){
titleWord = "";
}
return {
meta: [
{ vmid: 'keywords', name: 'keywords', content: 'titleWord'},
{ vmid: 'description', name: 'description', content: titleWord'},
],
title:this.$store.SearchWord
}
}
.
.
}

試したこと

デバッグしたところ、変数titlewordにはundefindは""が代入されています。
returnの中のtitleにも""が入っていますが、実際に表示するとブラウザのタイトルはundefindになります。

わかりにくい説明で申し訳ありません。
よろしくお願いいたします。

Answer 1

申し訳ありません。
調査したところ、このソースに問題はないようでした。
その後の処理にて、""の場合は存在しないものという対処でundefindにする処理がありました。
解決方法になっていない自己解決ですみませんでした。

Answer 2

title:this.$store.SearchWordなので、タイトルには変換を加えずそのまま出力してしまっているようです。

Comments

[aquaym]

ご回答ありがとうございます。
title : titleword　に変更し、デバッグ時 return値のtitle = ""を確認しました。
しかし未だブラウザのタイトルはundefindでした..
でも勉強になりました。ありがとうございます。