vue data里的this指向,vue this.data
本文主要基于此介绍这个指点问题。Vue中的$options.data()，有很好的参考价值。希望对你有帮助。如有错误或不足之处，请不吝赐教。
目录
这个。$options.data()指出了问题所在。vue文档中有对数据指向问题的解释。这个。vue操作的$ options.data()重置vue组件的数据。总结一下。
this.$options.data()的this指向问题
项目有问题。用此重置组件数据时。$options.data()，报告了一个错误。原因是表单中的规则是这样写的。
如下：
规则：{
代码：【这个。$rules.required()]，
姓名：【这个。$rules.required()]，
年龄：[
{最小值：1，最大值：120，类型：数字，消息：年龄在1到120之间，触发器：模糊 }
],
电子邮件：[
{类型：电子邮件，消息：不正确的邮箱格式，触发器：模糊 }
]
},
这个。$rules是一个自定义全局变量。我认为$rules.required对象找不到是因为这个指出的问题。
首先我们知道。vue中的$options.data()可以获取原始数据值(只读)，而这个。$data获取当前状态的数据。重置数据时，复制并重新分配就足够了。
如下：
Object.assign(this。$data，这个。$ options . data())；
是的，如果这写在你的数据中，当你调用它时，你将报告一个错误。$options.data()，因为此in data()指向不正确。
vue文档中有关于data的指向问题的解释
如下：
如果对数据属性使用arrow函数，这将不会指向该组件的实例，但您仍然可以将它的实例作为函数的第一个参数来访问。
数据：vm=({ a: vm.myProp })
这是一个方法，另一个方法是在调用时为数据函数指定这个。
如下：
Object.assign(this。$data，这个。$ options . data . call(this))；
vue骚操作之this.$options.data()
重置vue组件的data数据
在vue单文件组件中，有时需要重新设置data中的数据，比如表单填了一半，用户想重新填。
脚本
导出默认值{
data() {
返回{
//表单
表单：{
输入：“”
}
}
},
.
方法：{
//重置表单方法
retset() {
this.form=this。$options.data()。形式；
}
},
.
}
/脚本
您还可以通过为component $data对象赋值来重置整个$data。
这个。$data=this。$ options . data()；
小结一下
vue组件可以通过这个获得你写的任何方法，比如created()生命周期函数。$options对象，发现vue的新游戏。
以上个人经历，希望能给大家一个参考，也希望大家多多支持我们。
郑重声明：本文由网友发布，不代表盛行IT的观点，版权归原作者所有，仅为传播更多信息之目的，如有侵权请联系，我们将第一时间修改或删除，多谢。