Vue.js inputの入力がEnter押下で消える

Question

#環境
Vue.js CDN (latest?)
Vue-js-modal.js CDN
Vue-lazyload.js CDN

#問題

<div id="inputBox">
  <input type="text" class="searchInputTextBox" v-model.trim="searchWord">
</div>

<div id="authorList" class="column">
  <ul>
    <template-author v-for="listItem in authorList" :value="listItem" @open-id="openMethod"></template-author>
  </ul>
</div>

computed: {
    searchWord: {
      set(inputtedWord) {
        this.authorList = dataList.filter(dataListItem => dataListItem.authorNameKana.match(inputtedWord))
      }
    }
  }

どこまでコードを乗せたらいいのかわからなかったので対象の場所だけ載せました。
このコードでinputに文字（全角）を入力しEnterを押すと、inputに入力した文字が消えてしまい、入力したものを変更することができません。
Enterを押してもinputの中に入力した文字を残しておくためにはどのようなことをすればよいでしょうか。

追記：
文字を入力しEnterを押すと、文字に対応するものだけリスト表示されるものです。
現状では文字を入力しEnterを押すと、正しくリストが表示されます。が、inputの中身がなくなってしまうので、リストを再度更新することができません（たとえば、「りんご」と入力してリストを表示させた後、全部入力を削除して元のリスト表示に戻すなど）

Answer 1

データを更新することにこだわりすぎていました。以下のコードによって、inputに入力があった際、リストを絞り込んで表示する。そして、inputの入力値はそのまま保持しておくことができました。（そもそも消えるのは作りが間違っていたから正しく作れば消えない）

<div id="inputBox">
  <input type="text" class="searchInputTextBox" v-model.trim="searchWord">
</div>

<div id="authorList">
  <ul>
    <template-author v-for="listItem in searchWordInList" :value="listItem" @open-id="openMethod"></template-author>
  </ul>
</div>

data: function(){
return {
  ...
  searchWord: ''
  }
}

computed: {
  searchWordInList() {
    return dataList.filter(dataListItem => dataListItem.authorNameKana.match(this.searchWord));
  }
}

cf, https://blog.capilano-fw.com/?p=648

Answer 2

form絡みだと思いますので、HTMLファイルの情報が足りないように思います。

文字が、消えたあとどういう挙動になっているのでしょうか。

おそらくここが答えになるような気がしています。

Comments

[g-n-n]

説明を追記をしました。コンソールにエラーなどの表示がないため、消えてしまう理由がいまいちつかめていません...

[mackintosh]

まだ載せていない部分はありませんか？

setterしか定義してないからだと思いますよ。

[g-n-n]

>setterしか定義していないため というのは他に何かする必要があるということだと思うのですが、それが何か私には理解できていません...
なお、formに関連した部分はこれが全てになります。よろしくお願いします

[mackintosh]

ではauthorListに値が追加されていることは確認できていますか？

authorListに値が追加されたら、質問されているフォームはどうなってほしいのですか？

この質問を見た人は、あなたがどういう仕様にしたいのかの前提情報が分かりません。

[g-n-n]

authorListに問題はなく、authorListを更新した後、searchWordのvalueが空になってしまう問題（つまりフォームがクリアされる）が解決できません。inputに文字を入力し、enterを押した後もフォームに入力した文字が残るようにしたいです。

[mackintosh]

v-modelにはsearchWordを指定していますが
searchWordはsetterしか定義されていません。
getterが定義されていないのが原因です。

enterを押した後もフォームに入力した文字が残るようにしたいということであれば、getterも定義し、authorListの最後の配列を取得してreturnするような処理が必要です。