这篇文章主要介绍“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));
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两次赋值页面获取不到怎么解决”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注亿速云行业资讯频道,小编每天都会为大家更新不同的知识点。
亿速云「云服务器」,即开即用、新一代英特尔至强铂金CPU、三副本存储NVMe SSD云盘,价格低至29元/月。点击查看>>
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。