this.$set在Vue3.0应该怎么写？

gao424424 2021-08-01 16:57:20

const { proxy } = getCurrentInstance();

proxy.set(ruleForm.data, "createTime", "2020-01-01");

这个Vue3.0的写法不对，Vue2.0的写法是this.$set(ruleForm.data, "createTime", "2020-01-01");

请教下大家，这个应该怎么写？

...全文

2698 3 打赏收藏转发到动态举报

写回复

3 条回复

切换为时间正序

请发表友善的回复…

发表回复

fly丶知秋 2021-09-17

打赏
举报

回复 1

已经不需要用$set，vue3使用proxy实现，可自动监听对象的变化

是一个小树呀 2021-08-26

打赏
举报

回复 1

vue3里面取消了this.$set

^ZL 2021-08-05

打赏
举报

回复

vue3 应该可以直接修改数据吧，但是你的data数据要写在reactive里面，修改就直接 ruleForm.data.createTime = 2020-01-01，试一下可以吗

报错场景：将APi中得到的response数据，用Vue$set()使数据动态响应报错代码： methods: { textTranslate: function (text, to) { $.ajax({ url: 'http://openapi.youdao.com/api', type: 'post', dataType: 'jsonp', data: { q: text, appKey: this.appKey, salt: this.salt, from: this.from, to:

主要为大家详细介绍了Vue 3.0双向绑定原理的实现方法，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下

如下所示：在组件上添加属性 this.$set(this.data,”obj”,value’); 删除属性this.$delete(this.data,”obj”,value’); 以上这篇在Vue组件上动态添加和删除属性方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。

vue3中的this.$set怎么写呢? 在vue2中我们常常会遇到明明已经改变了数据视图却没有实时更新这样的问题举例 <el-input v-model="input.text" placeholder="请输入内容"></el-input> data() { return{ input:{ text:'1' } } } mounted () { this.input.text = '2'; // 视图层并没有改变 } 这时vue2就提供了一个方法就

一.背景 vue初始化实例对象的时候会把属性转位setter/getter。这样数据才会是动态响应的(即data中的数据是动态响应的),vue才能监听到属性的添加，删除，修改(受ES5的限制)。二.原理 (1)vue.set源码 import { set } from '../observer/index' ... Vue.set = set ... (2)this.$set源码 import { set } from '../observer/index' ... Vue.prototy

1,937

社区成员

868

社区内容

发帖

与我相关

我的任务

前端技术论坛（原bbs）

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

亲爱的CSDN小伙伴你们好，我是一个全新的社区，成立之初请CSDN的小伙伴们帮忙推广一下我们VUE社区，欢迎大家来这里讨论VUE相关问题哦～

另外对社区做出重大贡献者，可以联系版主授予称号～

试试用AI创作助手写篇文章吧

+ 用AI写文章