vue的:style无法动态更新css值

Question

`
<div :style="styleObject">
</div>
`

data() {
  return {
    styleObject: {}
},
methods: {
  test() {
    this.styleObject = {
      border: this.borderWidth + ' solid'
    }
}

当我的borderWidth更新后，更触发test()后，div中的border并不会变化，这是为什么呢？

Answer 1

test () {
    this.$set(this.styleobject, 'border', this.borderWidth + ' solid')
}