vue 给一个值重置初始值

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

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

vue 给一个值重置初始值

Fate_Zero   2021-03-17 我要评论

查了下资料很多都是如下:

1. this.$options.data() 这个可以获取原始的data值,this.$data 获取当前状态下的data,拷贝重新赋值一下就行了。

1 Object.assign(this.$data, this.$options.data());

2.下面写个某个值的初始方法

1 //  重置data原有的数据(封装)
2 export function resetData(vm, attr) {
3 //  this.this.xyClassInfo=this.$options.data().xyClassInfo
4   vm[attr] = vm.$options.data()[attr]
5 }
1 import { resetData } from "@/utils/index"; 
2 resetData(this, "search"); // 组件内调用
3 
4 this.this.xyClassInfo=this.$options.data().xyClassInfo // 单独使用

 3. 参考大佬(原文点我)

初始化data对象中的某一个属性
1   this.form = this.$options.data.call().form
2     // or
3   this.form = this.$options.data.call(this).form

 

值得注意的是

javascript 的call方法如果没有传递第一个参数,this 的值将会被绑定为全局对象。另外,在严格模式下,this 的值将会是 undefined。从各方面来说,应当显式的使用 .call(this) 的用法

延展
1     Object.assign(this.$data, this.$options.data()) // ❌ props将为undefined
2         
3     Object.assign(this.$data, this.$options.data) // ❌ is function
4     
5     this.form = this.$options.data.form // ❌ is undefined

 

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

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