HarmonyOS鸿蒙Next中状态变量不刷新UI的问题

HarmonyOS鸿蒙Next中状态变量不刷新UI的问题 下面是测试代码。

能刷新的有：api 20 模拟器，IDE 20 预览器

不能刷新的有：真机（应该不是最新），api 13 模拟器

@ObservedV2
class Vars {
  @Trace scale0: number = 1
  @Trace scale1: number = 1
  @Trace scaledPosition: number = 0
  @Trace originalX: number = 20
  @Trace originalY: number = 20
  @Trace iconX: number = 20
  @Trace iconY: number = 20
  @Trace originalWidth: number = 110
  @Trace originalHeight: number = 160
  @Trace form: number = 1
}

@Entry
@ComponentV2
struct ScaleAndPosition {
  @Local vars: Vars = new Vars()

  build() {
    Column() {
      Row() {
        Text('scale0：' + this.vars.scale0.toFixed(2))
        Slider({
          value: this.vars.scale0!!,
          max: 2,
          min: 0,
          step: 0.01
        }).width(200)
      }

      Row() {
        Text('scale1：' + this.vars.scale1.toFixed(2))
        Slider({
          value: this.vars.scale1!!,
          max: 2,
          min: 0,
          step: 0.01
        }).width(200)
      }

      Row() {
        Text('iconX：' + this.vars.iconX.toFixed(2))
        Slider({
          value: this.vars.iconX!!,
          max: 200,
          min: -100,
          step: 1
        }).width(200)
      }

      Row() {
        Text('iconY：' + this.vars.iconY.toFixed(2))
        Slider({
          value: this.vars.iconY!!,
          max: 200,
          min: -100,
          step: 1
        }).width(200)
      }

      Row() {
        Text('form：' + this.vars.form)
        Slider({
          value: this.vars.form!!,
          max: 2,
          min: 0,
          step: 1
        }).width(200)
          .onChange(() => {
            this.vars.iconX = this.vars.originalX + this.vars.originalWidth * this.vars.scale0 / 2
            this.vars.iconY = this.vars.originalY + this.vars.originalHeight * this.vars.scale0 / 2
          })
      }

      Column() {
        if (this.vars.form == 1) {
          Column() {
            Text('方块')
              .backgroundColor('#ffec9c62')
              .size({ width: 100, height: 100 })
              .textAlign(TextAlign.Center)
          }

          .backgroundColor('#ff6ebe55')
          .size({ width: this.vars.originalWidth, height: this.vars.originalHeight })
          .scale({ x: this.vars.scale0, y: this.vars.scale0 })
          .position({
            left: this.vars.originalX - this.vars.originalWidth * (1 - this.vars.scale0) / 2,
            top: this.vars.originalY - this.vars.originalHeight * (1 - this.vars.scale0) / 2
          })
        } else if (this.vars.form == 2) {
          Image($r('sys.media.cheers')).attributeModifier(new mod1(this.vars))
        }


      }
      .backgroundColor('#ffe9eef1')
      .size({ width: 300, height: 600 })
    }
    .backgroundColor('#ffebf1e9')
    .size({ width: 300, height: 700 })

  }
}

@ObservedV2
class mod1 implements AttributeModifier<ImageAttribute> {
  @Trace vars: Vars
  modeChanged: boolean = false

  constructor(vars: Vars) {
    this.vars = vars
  }

  applyNormalAttribute(instance: ImageAttribute): void {
    instance
      .backgroundColor('#fff8e83a')
      .size({ width: 50, height: 50 })
      .scale({ x: this.vars.scale1, y: this.vars.scale1 })
      .position({
        left: this.vars.originalX + this.vars.originalWidth * this.vars.scale0 / 2,
        top: this.vars.originalY + this.vars.originalHeight * this.vars.scale0 / 2,
      })
      // .translate({ x: '-50%', y: '-50%' })
      .translate({ x: -50 / 2, y: -50 / 2 })
    if (this.vars.form == 1) {

    } else if (this.vars.form == 2) {
      instance.position({
        left: this.vars.iconX,
        top: this.vars.iconY,
      })

    }

  }
}