Welcome toVigges Developer Community-Open, Learning,Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
788 views
in Technique[技术] by (71.8m points)

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

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

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

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


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Answer

0 votes
by (71.8m points)
test () {
    this.$set(this.styleobject, 'border', this.borderWidth + ' solid')
}

与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to Vigges Developer Community for programmer and developer-Open, Learning and Share
...