vue通过this.$options.data()重置data中部分数据

最新推荐文章于 2023-11-16 15:59:25 发布

cw_csdn

最新推荐文章于 2023-11-16 15:59:25 发布

阅读量494

点赞数 1

文章标签： vue.js 前端 javascript

本文链接：https://blog.csdn.net/cw_csdn/article/details/132414129

版权

重置方法：Object.assign(this.$data.deviceForm, this.$options.data.call(this).deviceForm)

报错："TypeError: this.$t is not a function"

错误原因：data数据中用到了this，调用this.$options.data()方法时this指向出现了不一致

解决方法：人为更改this指向，this.$options.data.call(this)

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

cw_csdn

关注关注

1
点赞
踩
0

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

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 ...

elementplus2. vue引用element-plus时清空表单的操作|重置表单|this.$refs[name].resetFields()；失效的做法

yangyangdt的博客

01-27

5442

vue引用element-plus时清空表单的操作|重置表单|this.$refs[name].resetFields()；失效怎么办？

1 条评论您还未登录，请先登录后发表或查看评论

Vue中的this.$options.data()和this.$data用法说明

11-20

问题项目里遇到一个问题，用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 () { // 更新时调用 Object.assign(thi

vue 重置data中的数据 this.$options.data()

qq_58340302的博客

09-28

4667

在做项目时我们经常会遇到用一个弹窗表单来实现新增和编辑两个功能，这样就会出现，先点击编辑，回显出来的数据，再下一次点击新增时也会存在，所以我们需要在打开弹窗时清除数据。使用this.$options.data()

Vue之this.$options.data()和this.$data

weixin_44090040的博客

03-31

1268

也可以通过给组件 $data 对象赋值来重置来重置整个 $data。

vue中 this.$options.data()的使用方法

最新发布

smonv的博客

11-16

2166

$options.data()

前端开发之this.$options.data的使用

m0_50207524的博客

05-16

1564

this.$options.data:初始化对象。

vue data恢复初始化数据的实现方法

10-16

这段代码的作用是将`this.$options.data()`返回的初始数据对象的属性覆盖`this.$data`中的现有属性，从而达到重置数据的效果。值得注意的是，`Object.assign()`执行的是浅拷贝，这意味着如果源对象的属性值是对象的...

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

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

Hy_0452的博客

01-24

2445

Object.assign(this.$data，this.$options.data()) Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象 this.$data 获取当前状态下的data this.$options.data()获取该组件初始状态下的data。 ...

【vue】重置vue初始化声明的data的某个数据(附在线演示)

向着光芒的女孩

04-27

3373

使用场景：在使用element和ivew的表单重置时，发现this.ref[′formData′].reset()，这种方法未将我们预期的数据全部还原为声明时的数据，导致有脏数据，vue的api通过ref['formData'].reset()，这种方法未将我们预期的数据全部还原为声明时的数据，导致有脏数据，vue的api通过ref[′formData′].reset()，这种方法未将我们预期的数据全部还原为声明时的数据，导致有脏数据，vue的api通过options可以拿到声明时的数据,如果在表单中清空

【vue2.x】重置Vue的data数据、或者data数据中的某一项

weixin_48494041的博客

09-20

1159

Vue的data数据重置

vue中重置data数据

Zxiuping的博客

06-20

368

vue中重置data数据

【VUE】重置data中的数据

无限循环

09-20

2679

有时候我们希望每次组件被调用时，初始化data中的数据。是一个对象，对象暴露了当前组件的已解析选项，这里介绍另一种方式，vue实例属性。

重置数据this.$options.data()

qq_41038929的博客

06-29

215

很多需求会重置表单，刚开始使用的方法就是一个个进行置空 // 新建家长 createParents() { this.dialogVisible = true; this.addOrRevise = 1; this.titleName = "新建家长"; this.createParentsInfo = { mobile: "", remark: "", students: [ {

vue重置data数据

cecoal的博客

08-08

2965

是vue组件当前的数据对象，vue实例观察的数据对象，vue实例代理了对其data对象property访问。想要初始化某个数据除了一个一个赋空值还可以用以下写法。重置data数据中某个对象数据。是vue组件初始化时的data。是vue实例的初始化选项。重置整个data数据。...

this.$options

09-05

this.$options 是 Vue 实例的一个属性，它是一个对象，包含了 Vue 实例的初始化选项。这个属性可以用于获取 Vue 实例中配置的选项信息，例如 data、methods、computed、watch 等等。在 Vue 实例中，this.$options.data() 可以用来获取 data 属性的值。而 this.$data 则是 data 属性本身的引用。通过 this.$data，我们可以直接访问和修改 data 中的数据。举个例子，如果我们有以下的选项配置： ```javascript export default { data() { return { text: 'hello' } }, methods: { getText() { console.log(this.$options.data().text); // 输出 'hello' console.log(this.$data.text); // 输出 'hello' } } } ``` 在上述的例子中，this.$options.data().text 和 this.$data.text 都可以获取到 data 中的 text 属性的值。<span class="em">1</span><span class="em">2</span><span class="em">3</span> #### 引用[.reference_title] - *1* [Vue中的this.$options.data()和this.$data用法说明](https://download.csdn.net/download/weixin_38532849/12924711)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] - *2* *3* [Vue的使用技巧](https://blog.csdn.net/weixin_54257364/article/details/125400818)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"] [ .reference_list ]