vuex中的数据获取赋值给本地问题,vuex数据何时赋值给本地

过程:从vuex中获取到数据,在created阶段赋值给本地数据
现象:vuex是有数据的,但是页面上却没有数据
查找原因:去看页面,本地数据userForm确实没有数据,这…

//data:
userForm:{
    
    
        Name: '',
        Description: '',
        Street: '',
        City: '',
        House: '',
        Province: '',
        Country: '',
        PostCode: ''
      },
// computed:
...mapState("dealWork", {
    
    
      CustomerInfo: "CustomerInfo"
    })
// created
Object.assgin(this.userForm, this.CustomerInfo)

最终解决:

//data:
userForm:{
    
    
        Name: '',
        Description: '',
        Street: '',
        City: '',
        House: '',
        Province: '',
        Country: '',
        PostCode: ''
      },
// computed:
...mapState("dealWork", {
    
    
      CustomerInfo: "CustomerInfo"
    })
// watch
 watch: {
    
    
    CustomerInfo: {
    
    
      handler: function (val) {
    
    
        this.userForm = val;
      },
      deep: true
    }
  },

猜你喜欢

转载自blog.csdn.net/weixin_43131046/article/details/124446442
今日推荐