vue.js - 如何从 Vuex 状态预填充 Vue 文本字段？

Question

我正在尝试在下面的文本字段中预填充用户名。

<v-text-field
    v-model.trim="name"
>{{ currentName }}</v-text-field> 

data: () => ({
    name: '', 
  }),
  computed: {
    currentName() {
      return this.$store.state.name
    },
  }

我觉得我错过了一些非常简单的东西，但是我尝试了很多变化，以至于我完全被难住了。请并感谢您的帮助！

标签： vue.jsinputvuexauto-populate

Answer 1

@Terry 你明白了！谢谢！

<v-text-field
  v-model.trim="getName">{{ getName }}</v-text-field>

data: () => ({ name: '' })

computed: {
    getName: {
      get: function() {
        return this.$store.state.name
      },
      set: function(newValue) {
        this.name = newValue
      }
    }

methods: {
    submit() {
      if(!this.name) {
        this.name = this.$store.state.name
      } 
      this.$store.dispatch('updateMe', {
        name: this.name,
      });
    }

export default new Vuex.Store({
  state: {
    name: null,
  }