vue如何重置data:this.$options.data.call(this)

最新推荐文章于 2024-05-22 11:25:40 发布
最新推荐文章于 2024-05-22 11:25:40 发布
阅读量2.4k 收藏 9
点赞数 1
分类专栏： 笔记 前端
XJINGUO
本文链接：https://blog.csdn.net/hy_0452/article/details/113087178
版权

Vue.js 组件 data 重置 Object.assign
关键词由CSDN通过智能技术生成

重置data

Object.assign(this.$data，this.$options.data.call(this))
  • Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象
  • this.$data 获取当前状态下的data
  • this.$options.data()获取该组件初始状态下的data。
    在使用options.data时 用call调用并传入当前的this，不然默认的this可能会指向全局的vue对象，造成报错

重置data中某个属性或者对象

this.form = this.$options.data.call(this).form
富可敌锅
关注
专栏目录
vue数据恢复_2019-05-15 vue data恢复初始化数据 this.$options.data() 和 this.$data
weixin_39927993的博客
12-22 348
Object.assign(this.$data, this.$options.data())问题：项目里遇到一个问题，用this.$options.data()重置组件data时，data()里用this获取的props或method都为undefined，代码简化如下：export default {props: {P: Object},data () {return {A: {a: this...
vue源码学习总结 this.$data this._data this.$options.data this.xxx之间的联系；data重置
一袋米要扛几楼_
03-26 1137
假设有如下代码： let option={ name:'demo', el:'#app', template:'<div>{{name}}</div>' data(){ return { name:'demo page.' } } }; let vm=new Vue(option); this.$options.data ...
Vue中的this.$options.data()和this.$data用法说明
10-15
主要介绍了Vue中的this.$options.data()和this.$data用法说明，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
前端开发之this.$options.data的使用
m0_50207524的博客
05-16 1564
this.$options.data:初始化对象。
vue通过this.$options.data()重置data中部分数据
cw_csdn的博客
08-21 494
重置方法：Object.assign(this.$data.deviceForm, this.$options.data.call(this).deviceForm)错误原因：data数据中用到了this，调用this.$options.data()方法时this指向出现了不一致。报错："TypeError: this.$t is not a function"解决方法：人为更改this指向，this.$options.data.
vue中 this.$options.data()的使用方法
smonv的博客
11-16 2169
$options.data()
重置数据this.$options.data()
m0_45219210的博客
03-29 1470
this.$options.data() 这个是vue原始的数据，就是你页面刚加载时的data this.$data 这个是现在阶段的vue数据，就是你改变data的数据 // 重置数据 resetData () { Object.assign(this.$data, this.$options.data()) }, 如果想恢复个别值，比如formInline this.formInline = this.$options.data.call(th..
Vue源码解析：this.$data、this._data、this.xxx 为什么都能获取数据？data为什么是个函数？
全端菜鸟小姐
12-26 2万+
data中定义了一个数据msg, vue实例上访问这个数据有两种方式，this.$data.msg 和 this.msg，请问，为vue如何实现this.msg能直接访问到data中的msg变量？？？data又为什么是个函数？ 分析： clone 下 vue 的项目源码，然后打开src/core/instance/index.js 调用 init 方法时先进行了检查，确保已经使用 n...
为什么会有bug？Uncaught TypeError: dataOptions.call is not a function
weixin_40945354的博客
11-11 2189
<!DOCTYPE html> <html> <div id="app"> <select v-model="selectItem" @change="selectFn($event)"> <!--选择项的value值默认选择项文本 可动态绑定选择项的value值 更改v-model指令绑定数据--> <option v-for="item in items" :value="item.id.
this.$options.data()
dazhongliu666的博客
04-09 1527
this.$data 获取当前状态下的data this.$options.data() 获取该组件初始状态下的data
Vue中的this.$options.data()的this指向问题
hunt_er的博客
11-25 6207
项目里遇到一个问题，用this.$options.data()重置组件data时报错，原因是因为form里的rule规则采用了this写法。 如下: rules: { code: [this.$rules.required()], name: [this.$rules.required()], age: [ {min: 1, max: 120, type: 'number', message: '年龄 1 到 120 之间', tri
this.$options.data()和this.$data
Bitter的博客
11-14 608
this.$options.data() 是页面原始的数据。this.$data 是修改过后的数据。
Vue中的this.$options.data()和this.$data
热门推荐
mocoe的专栏
04-29 4万+
问题 项目里遇到一个问题，用this.$options.data()重置组件data时，data()里用this获取的props或method都为undefined，代码简化如下： export default { props: { P: Object }, data () { return { A: { ...
Vue之this.$options.data()和this.$data
weixin_44090040的博客
03-31 1270
也可以通过给组件 $data 对象赋值来重置来重置整个 $data。
this.$options.data()获取初始时状态的data中的数据
最新发布
weixin_46394325的博客
05-22 835
vue2中可通过this.$options.data()获取data的初始状态，拿到data中声明的变量的初始值
【前端大概一分钟】vue骚操作之this.$options.data()
weixin_34232744的博客
05-15 1万+
重置vue组件的data数据 在vue单文件组件里有时需要重置data中的数据，比如表单填写一半，用户想重新填写。 &lt;script&gt; export default { data() { return { // 表单 form: { in...
vue中this.init用法_Vue中的this.$options.data()和this.$data用法说明
weixin_40001924的博客
01-17 107
问题项目里遇到一个问题，用this.$options.data()重置组件data时，data()里用this获取的props或method都为undefined，代码简化如下：export default {props: {P: Object},data () {return {A: {a: this.methodA},B: this.P};},methods: {resetData () { ...
重置vue data
09-12
this.$data = this.$options.data.call(this); ``` 上述代码将通过调用`$options.data`函数来重新初始化Vue实例的data属性。需要注意的是，这种方法只会重置data的初始值，而不会影响其他Vue实例的属性或方法。 ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值