1

モデルにバインドしてヘッダー値を変更しようとしています。

<template>
  <input id="token" type="text" v-model='tokenId'>
  <label for="token">Vault Token</label>
</template>

<script>
  export default {
    data () {
      return {
        tokenId: this.$http.headers.common['X-Vault-Token']
      }
    }
  }
</script>

ここtokenIdには正しい値がありますが、 から変更してもinputには影響しません$http.headers.common['X-Vault-Token']。

使おうと思っているのです$watchが、こちらはどう使うのでしょうか？

4

1 に答える 1

2

tokenIdこれはモデルに使用している変数であるため、それ以外には影響しません。

なぜだめですか

<input id="token" type="text" v-model='tokenId' @change="changeToken">

と

methods: {
  changeToken (e) {
    this.$http.headers.common['X-Vault-Token'] = e.target.value
  }
}
于 2016-08-12T14:15:57.470 に答える