vue.js 强行赋值、刷新数组或者对象方法之 $.set()

最新推荐文章于 2023-05-23 21:08:08 发布

转载最新推荐文章于 2023-05-23 21:08:08 发布 · 2.6k 阅读

1 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/xxflz/p/11401603.html

文章标签：

#javascript #ViewUI

本文介绍Vue.js中$set()方法的应用，该方法用于局部刷新赋值对象，避免每次赋值后刷新整个页面。通过实例展示了如何对特定字段进行赋值，并触发视图更新。

实际开发过程中，数据交互的的时候需要赋值，刷新，但是不可能每次赋值之后都刷新整个页面，所以就要用到 vue.js方法 $.set()，能实现赋值对象的局部刷新

语法：Vue.set(object, key, value) （vm.$set （）也可以这么写，vm是实例化对象）

object ：赋值对象

key：赋值对象里面要赋值的字段

value：赋给字段的值

例如：

on-change:(value) => {                                         
                                                vm.$set(vm.tableList[params.row.indexA].STEPselecteSketchList[params.index],'sketchMapId',value);    给vm.tableList[params.row.indexA].STEPselecteSketchList[params.index]这个对象里面的sketchMapId字段赋给一个新的值value，赋值完成之后这个对象就会刷新