(vue框架)为element组件赋初始值以后无法更改值得问题

栏目: JavaScript · 发布时间: 6年前

内容简介:情况描述:组件未加载时已有初始值,mounted里面加载数据,赋值,渲染以后,组件无法更改内容data里面已经有这个表单对象的初始值但还是无法修改,之前有过一次,没有给表单绑定对象,所以赋值以后无法修改,这次还是无法修改。后来找了好久才知道,

情况描述:组件未加载时已有初始值,mounted里面加载数据,赋值,渲染以后,组件无法更改内容

data里面已经有这个表单对象的初始值但还是无法修改,之前有过一次,没有给表单绑定对象,所以赋值以后无法修改,这次还是无法修改。

后来找了好久才知道,

初始值要一直存在

比如说:data里面有一个对象

addForm: {
        bcorpID: '',
        workerLists: [],
        payBankCardNumberidx: -1
      },

然后如果在mounted里面请求数据

在获取返回的数据以后直接进行赋值

但是如果返回的数据里面没有payBankCardNumberidx这个字段的话就会造成赋值以后无法修改组件的值,即使你在为addForm赋值为返回值以后又马上为addForm加了字段payBankCardNumberidx,也是不行的。(个人理解是,vue的数据双向绑定,在你为addForm赋值返回的数据后,vue框架立刻对组件进行渲染以及数据的更新,如果大佬们看到这有其他的理解,可以在下面评论下谢谢)


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

Mashups Web 2.0开发技术—— 基于Amazon.com

Mashups Web 2.0开发技术—— 基于Amazon.com

萨拉汉 / 吴宏泉 / 清华大学 / 2008-1 / 48.00元

《MashupsWeb2.0开发技术(基于Amazon.Com) 》介绍了mashup的底层技术,并且第一次展示了如何创建mashup的应用程序。Amazon.com与Web服务强势结合,拓展了Internet的应用范围,使得开发人员可以把Amazon的数据和其他的可利用资源自由地结合起来创建功能丰富的全新应用程序,这种应用程序叫做mashup。 《MashupsWeb2.0开发技术(基于A......一起来看看 《Mashups Web 2.0开发技术—— 基于Amazon.com》 这本书的介绍吧!

RGB转16进制工具
RGB转16进制工具

RGB HEX 互转工具

Base64 编码/解码
Base64 编码/解码

Base64 编码/解码

UNIX 时间戳转换
UNIX 时间戳转换

UNIX 时间戳转换