uniapp中vue强制刷新部分视图数据

uniapp开发的时候经常会遇到想要修改当前数据中的部分数据，控制台输出发现是正确，但是界面显示还是旧数据。试试this.$set(obj, key, value)；---this.$set(原对象, 数据里的哪一项, 赋值);// 倒计时状态。waitStatusFun(status, secondsChange, index) {this.$set(this.videoFaceRecordLi

ballelv

3715人浏览 · 2020-11-23 15:51:22

ballelv · 2020-11-23 15:51:22 发布

uniapp开发的时候经常会遇到想要修改当前数据中的部分数据，控制台输出发现是正确，但是界面显示还是旧数据。

试试

this.$set(obj, key, value)；---this.$set(原对象, 数据里的哪一项, 赋值);

    // 倒计时状态。
    waitStatusFun(status, secondsChange, index) {
      this.$set(this.videoFaceRecordList[index], 'status', status);
    },

Object.assign(target, sources)

   // 倒计时状态。
    waitStatusFun(status, secondsChange, index) {
            this.videoFaceRecordList[index] = Object.assign({}, this.videoFaceRecordList[index])
    },

两种应该都可解决。

如果恰好解决了你的问题，可以给我一颗小心心呦~

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^