vue.js 今日の日付をdataにセットしてinputに表示したい

Question

input に今日の日付を表示する為に data の中の transfer_data に computed で定義した setToday 関数の値を入れたいです。
ボタンなどを設置せずページを読み込んだ時に常にbindされるようにする為にはどのようにしたら良いのでしょうか。

ご教授のほど、よろしくお願い致します。

<div id="app">
  <ul>
    <li class="itemName -required">移転日</li>
    <li class="supplement"></li>
    <li class="editForm">
      <input type="text" name="transfer-data" v-model="transfer_data"></li>
    <li class="-example"></li>
  </ul>
</div>

var app = new Vue({
  el: '#app',
  data: {
    transfer_data: '',
  },
  computed: {
    setToday: function(){
      var hiduke=new Date();
      var year = hiduke.getFullYear();
      var month = hiduke.getMonth()+1;
      var week = hiduke.getDay();
      var day = hiduke.getDate();
      return this.transfer_data = year + '/' + month + '/' + day;
    }
  }
})

Comments

[m.ts10806]

提示コードは何が問題なのでしょうか。「ページロード時に実行」でしたらそのままキーワードとして調べはつきそうに思いますが

[TatsuyaOkawa]

そうですよね、再度調べてみます。

[karamarimo]

computed property は data から計算される値、というものなので、data に computed property の値を入れるということはしません。また、「常にbindされる」とは何が何にbindされるということでしょうか。実現したいことがよくわからないです。

Answer 1

HTML側で{{setToday}}と書けば良いのではないでしょうか。
違ったらごめんなさい。

Comments

[TatsuyaOkawa]

ご回答ありがとうございます。
valueの表示する為に、dataの中に値を入れたい感じです。
もう少し調べてみます。