vue两次赋值页面获取不到

软件发布|下载排行|最新软件

当前位置:首页IT学院IT技术

vue两次赋值页面获取不到

问馫   2022-06-03 我要评论

两次赋值页面获取不到

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);

以上为个人经验,希望能给大家一个参考,也希望大家多多支持。

Copyright 2022 版权所有 软件发布 访问手机版

声明:所有软件和文章来自软件开发商或者作者 如有异议 请与本站联系 联系我们