vue-cli3.0使用$set方法更新对象

最新推荐文章于 2024-08-30 21:30:00 发布

Bessie234

最新推荐文章于 2024-08-30 21:30:00 发布

阅读量4.4k

点赞数 1

分类专栏： Vue开发文章标签： javascript

本文链接：https://blog.csdn.net/qq_33256701/article/details/104654471

版权

Vue开发专栏收录该内容

18 篇文章 1 订阅

订阅专栏

1、更新数组：

that.$set(that.geoTreeBox[id].layergroup, i, {
                id:i,
                idview: "",
                idtext:layergroup[i].idtext,
                gdpurl:layergroup[i].gdpurl,
                status: e
            });

2、更新对象：

that.$set(that.geoTreeBox[id], "status", true);//"status"为字符串，要加上引号，否则会增加一个属性为""的值

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Bessie234

关注关注

1
点赞
踩
0

收藏

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

分享到 QQ

分享到新浪微博

扫一扫

专栏目录

vue中this.$set()的用法----更新数组和对象的值

web14727658211的博客

02-21

2535

我们先看看官网给出的解释： 1、更新数组: 我们有一个数组，包括人员姓名和人员年龄两个属性。想要实现在页面刚加载的时候改变姓名为李四的人的信息。首先我们想到的是在mouted函数中直接修改name为李四的人的信息 this.itemList[1] = { name: '李思思', age: 30 } console.log(this.itemList[1]); 但是这时候控制台打印的数据更新了，但是页面视图却没有更新。这时候我们就需要用到this.$set

安装vue-cli3.0版本指南

云端-公子清

10-19

3636

安装vue-cli3.0版本操作指南日常使用vue-cli3.0以下版本，随着前端不断更新vue-cli3.0以上版本，那么安装新版本会遇到很多问题，并不是所有人都会一番风顺，应粉丝要求，出3.0以上版本操作指南请先看下鄙人的vue-cli3.0以下版本操作详情，百试不错的详情操作，实践中尝试了很多次错误，才总结出来的真经方法：安装vue错误详情解决办法:https://blog.csdn.net/Josiah_Yuan/article/details/103605963 那么vue-cli3.0

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

vue改变data值但页面不刷新

ydZ157的博客

03-22

787

vue改变data值但页面不刷新

24.vue3学习篇-响应式原理

热门推荐

大灰狼的小绵羊哥哥的博客

06-02

4万+

在我们使用vue进行开发的过程中，可能会遇到一种情况：当生成vue实例后，当再次给数据赋值时，有时候并不会自动更新到视图上去；当我们去看vue文档的时候，会发现有这么一句话：如果在实例创建之后添加新的属性到实例上，它不会触发视图更新。如下代码： html> head> meta charset="utf-8"> title>vue $settitle> script src="http

vue中$set如何使用

weixin_45369963的博客

06-22

1049

this.$set(this.formeSsential, ‘linkman’, ‘val’) this.formeSsential, data里面的数据 2. ‘linkman’, data数据字段 3. ‘val’ 要修改的值例 1、data上的数据 2、change事件 3、使用$set 代表展示 <template> <div class="container"> <el-card class="box-card"&gt

vue3中的this.$set怎么写呢

bhegi_seg的博客

03-06

2295

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-cli 3.0 自定义vue.config.js文件,多页构建的方法

01-21

使用自己基于vue-cli 2.X改造的前端多页脚手架有近1年多时间了，一直没机会升级3.0版本开始零零碎碎开始写一些功能，顺便分享一下 const path = require('path') const glob = require('glob') /** 获取多页的入口...

在vue-cli3.0 中使用预处理器 (Sass/Less/Stylus) 配置全局变量操作

10-14

本文将围绕在vue-cli3.0中如何使用预处理器（Sass、Less和Stylus）配置全局变量进行详细阐述。首先，要理解什么是预处理器，它为何重要。预处理器是一种语言的编译器，它将源代码转化为另一种形式，通常是转换成另...

vue-cli3.0升级失败，vue-cli卸载不掉，vue-cli升级不了3.0

JankoY的博客

02-16

446

升级个vue-cli3.0，真的差点气死我了！一直卸载不掉! 我差一点就重装电脑了！百度，google翻了个底操天也没找到解决办法！最后放弃百度自己重头开始研究自己到底哪一步出错了！所以我把自己遇到的问题，以及如何解决的告诉大家，避免想我一样的人再步入我的后路！升级途中遇到的问题: 1.$npm uninstall vue-cli -g //卸载vue-cli旧版本 2.$npm install -g @vue/cli //安装新版本 3.$npm vue -V .

Vue 中 $set的使用

知其白，守其黑；和其光，同其尘。

12-21

3万+

-------------------------------------------------------------------------------code示例---------------------------------------------------------------------------- 在我们使用vue进行开发的过程中，可能会遇到一种情况：当生成vue实例后...

♥ vue中$set用法详细讲解

林太白

08-10

7625

♥ vue中$set用法详细讲解

Vue中this.$set的用法

xiaoHelloWord的博客

04-13

1446

this.$set( target, key, value） target：表示数据源，即是你要操作的数组或者对象 key：要操作的的字段 value：更改的数据例如 removeId 取的是id,然后对 this.MUbanList.数组进行操作 this.MUbanList[b].chenck = 'false’此字段只有前台进行添加操作这样的写法是针对数组集合操作方可数据改变页面进行渲染 let removeId = localStorage.getItem('RemoveContentID')

vue中$set的使用

weixin_43254676的博客

08-22

1037

vue中视图更改主要依赖于数据的驱动，这是vue最大的特点，在vue的使用中，你只需更改数据，数据驱动会导致视图更新，而无需再手动去修改dom。

vue使用$set

m0_63466615的博客

05-05

896

在vue2中，由于实现响应式数据，使用的是 Object.defineProperty() 这个是给已经存在的属性设置getter和setter，不能监听深层的变化，所以新增和修改要使用this.$set来设置数据，实现响应式在vue3中，实现响应式数据使用的Proxy代理，这个可以监听深层的变化，所以就没有必要再使用$set ...

$vue3介绍及使用$

2402_82657845的博客

08-19

730

vue3 完全兼容vue2的所有东西# vue3不建议使用vue2的写法，配置项API# vue3 有两种方式- 选择式API：就是vue2的写的法data() {return {- 组合式API：// 定义变量和函数在一起定义// 也可以直接写函数。

node js 'vue-cli-service' 不是内部或外部命令，也不是可运行的程序或批处理文件。

09-11

另外，关于使用npm run dev和npm run serve的问题，通常来说，npm run dev是在vue-cli2.0版本中使用的命令，而npm run serve是在vue-cli3.0版本中使用的命令。这两个命令实际上是在package.json文件中scripts字段...