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

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

赞 (0)

相关推荐

  • vue data有值,但是页面{{}} 取不到值的解决

    我的问题出在js引入的顺序不对,导致不能正常显示vue中的值 正确的顺序应该是: 先引入vue的js--------html代码-----最后引入自己写的js 补充知识:vue中子组件的created.mounted生命周期钩子中获取不到props中的值问题 父子组件通信 这个很简单,父组件中使用v-bind绑定传送,子组件使用props接收即可 . 例如:在父组件中 <template> <div> <div :Data="Data"></d

  • vue 解决数组赋值无法渲染在页面的问题

    在做一个网页重构成VUE的时候,有段代码是这样的 一直能打印出pics的值,但是就是无法渲染出来,检查了不是视图那边是错,最后发现其中有两处错误,一处是this指向问题,此地打印出来的this.pics并不是data里面的pics的值,后面把success函数改成箭头函数即可,还有vue中数组赋值数组不能直接赋值. 可以用push方法,下面是修改后的代码 以上这篇vue 解决数组赋值无法渲染在页面的问题就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持我们.

  • 解决vue接口数据赋值给data没有反应的问题

    问题: 就是我在接口赋值给了data的变量,然后组件的效果没有出来(我的是旋转效果) 代码如下: data() { return { slides: [] } }, mounted() { this.request() }, methods: { request() { this.$http.post('xxxxxxxxxxxx', {}, (res) => { if (is.object(res)) { if (res.status === 'succ') { this.slides = re

  • vue data对象重新赋值无效(未更改)的解决方式

    vue存在一个比较深的问题就是data中的属性对象如果在初始化的时候为{},那么后面在方法用普通的js语法赋值会无效 这里是data data() { return { model: {} }; } 这里是方法里的普通赋值 afterUpload(response) { this.model.icon = response.url; } 普通方法会无效,需要使用vue提供的方法重新显示声明 afterUpload(response) { this.$set(this.model,'icon',r

  • 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' }).

  • vue使用v-if v-show页面闪烁,div闪现的解决方法

    在页面层次结构,数据较多的时候,用v-if或者v-show就会出现div闪现,或者部分闪烁的结果. 可以在根元素添加v-cloak来解决,并且设置它的样式即可. 代码只是示例,还需要自己修改测试. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style>

  • Vue格式化数据后切换页面出现NaN问题及解决

    目录 格式化数据后切换页面出现NaN 目的 问题 原因 解决方案 数字运算有时候会出现NAN的情况 具体给出解决办法 格式化数据后切换页面出现NaN 目的 在一个vue项目中,需要对返回数据的时间戳进行格式化,数据格式如下 res =  [ { "program_id": 6, "code": 1005,"create_time": 1627022366,              "child": [ { "pro

  • 两个JSP页面父页面获取子页面内容的两种方法

    需求说明:两个JSP页面,父页面需要子页面的内容,但子页面是隐藏的,具体来说,子页面是一系列的模板,父页面要通过id来获取这些模板,不愿意通过<include>方式导入,因为如果模板过多,就导致整个父页面太大,加载缓慢,以下两个方案,不知有没有解决这个问题. 1.通过ajax方式 实现过程:通过ajax请求到子页面中,子页面获取参数id使用java和js变量的交互后,返回需要的模板信息 缺点:把js变量转换成java变量比较麻烦,需要使用form表单来提交,而且jsp中的java脚本是在服务器

  • Vue.js 通过jQuery ajax获取数据实现更新后重新渲染页面的方法

    1. 引入jquery和vue.js <script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script> <script type="text/javascript" src="http://cdn.bootcss.com/vue/2.2.2/vue.min.js"

  • Vue路由守卫及页面登录权限控制的设置方法(两种)

    ①先在我们的登录页面存储一个登录数据 // 登录成功时保存一个登录状态: sessionStorage.setItem("flag", 1); ② 添加路由守卫 方法一: 直接在路由中添加 const router = new VueRouter({ ... }) // 路由守卫 router.beforeEach((to, from, next) => { // ... }) 方法二:当我们使用的是export default 方法时可以在main.js中添加 router.b

  • 在vue中实现简单页面逆传值的方法

    [需求] 要实现的需求很简单,页面从A -> B,用户在B触发操作,将一些数据带回到A页面,在网上找了好久也只看到有人问,但总找不到很好答案.要实现的效果图如下: [联想] 在 ios 开发中,页面跳转 A -> B -> C,到 C 页面后,内存中一直存储着 A 和 B 页面的数据和状态,通过导航堆栈遍历数组可以拿到之前的页面进行修改赋值等,另外还有代理,block传值等操作. vue是一个单页应用,轻量,并且不会重复下载数据.当它从一个页面跳转到另一个页面时,原来的页面的vue实例和

  • Vue.js 实现地址管理页面思路详解(地址添加、编辑、删除和设置默认地址)

    Vue.js 实现地址管理页面思路详解(地址添加、编辑、删除和设置默认地址)

    1.前阶段做了这个地址管理页面,实现的过程中遇到了很多的问题,好在最后实现了,在此记录一下: 首先是加载页面阶段ajax从数据库中获取数据,然后动态的显示在页面中,随后可以点击单个的编辑或删除进行相关操作,可以单击默认地址按钮进行样式切换,默认地址可以没有(单击选中和取消),但是如果设置默认地址则只能设置一个,好,下面我们来一步一步的实现. 2.我这里使用的是Vue.js,页面加载阶段很简单,直接在mounted声明一个方法,然后在方法中调用ajax请求访问数据然后通过v-for循环将数据放入到

  • 如何管理Vue中的缓存页面

    <keep-alive> <router-view /> </keep-alive> Vue中内置的<keep-alive>组件可以帮助我们在开发SPA应用时,通过把全部路由页面进行缓存(当然也可以有针对性的缓存部分页面),显著提高页面二次访问速度,但是也给我们在某些场景带来了困扰,其中包含两个主要矛盾: 缓存页面如何在合适的时机被销毁 (keep-alive组件提供了三个参数来动态配置缓存状态,但是作用有限,后面分析) 同一个路径如何缓存多个不同的页面(同

  • vue组件和iframe页面的相互传参问题及解决

    vue组件和iframe页面的相互传参问题及解决

    目录 vue组件和iframe页面相互传参 vue组件调用iframe页面方法和参数 iframe页面向vue组件传参 内嵌iframe页面并进行传值 vue组件和iframe页面相互传参 目前网上大多关于iframe父子传参的博客都是在叙述父页面是html文件,子iframe文件也是html文件,涉及到父页面是vue组件子iframe页面是html的博客多数讲的不是很明白: 而最近我在项目中碰到了这种需求:在vue组件中嵌入iframe页面,并实现父子传参: vue组件调用iframe页面方法

随机推荐