vue两次赋值页面获取不到怎么解决

这篇文章主要介绍“vue两次赋值页面获取不到怎么解决”的相关知识，小编通过实际案例向大家展示操作过程，操作方法简单快捷，实用性强，希望这篇“vue两次赋值页面获取不到怎么解决”文章能帮助大家解决问题。

两次赋值页面获取不到

vue两次赋值console.log出来的值为第二次赋的值尔页面显示的是第一次赋的值

 getform(){                  //api3
                 var _this=this
                var formSchemad=_this.formSchema
                console.log(_this.formSchema)
                 axios({
                     method:'get',
                     url:'odoo/mobile/api3/jsonui?id=xxxx'
                 }).then(function(resp){
                     formSchemad=JSON.parse(resp.data);
                     console.log(formSchemad)
                     _this.formSchema=formSchemad; //第一次赋值
                     axios({
                         method:'get',
                         url:'odoo/mobile/api3/jsonui?id=xxxx_100'
                     }).then(function(respd){
                         _this.cdis=false
                         var mont=JSON.parse(respd.data);
                         var montname=[]
                         var montvalue=[]
                         console.log(mont)
                         for(var i=0;i<mont.length;i++){
                             montname.push(mont[i].name);
                             montvalue.push(mont[i].value);
                             formSchemad.properties[mont[i].name].value=mont[i].value;
                         }
                          console.log(formSchemad)
                           _this.formSchema=formSchemad;  //第二次赋值

第一种方法

将两次赋值改为一次

第二种方法

将赋值的代码改为

 _this.formSchema= json.parse(json.stringify(formSchemad));

vue赋值不成功问题

data(){
    applyFormMetaData:{
        "name":"jack",
        "discounted_profit":0,
    }
} 
 
var discounted_profit = 300; 
// 普通赋值
this.applyFormMetaData.discounted_profit = discounted_profit; 
 
// vue提供的方法重新显示声明
this.$set(this.applyFormMetaData, 'discounted_profit', discounted_profit);

关于“vue两次赋值页面获取不到怎么解决”的内容就介绍到这里了，感谢大家的阅读。如果想了解更多行业相关的知识，可以关注亿速云行业资讯频道，小编每天都会为大家更新不同的知识点。