问答

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

作者:admin 2021-05-13 我要评论

` div :style="styleObject" /div ` data() { return { styleObject: {}},methods: { test() { this.styleObject = { border: this.borderWidth + ' solid' }} ...

在说正事之前,我要推荐一个福利:你还在原价购买阿里云、腾讯云、华为云服务器吗?那太亏啦!来这里,新购、升级、续费都打折,能够为您省60%的钱呢!2核4G企业级云服务器低至69元/年,点击进去看看吧>>>)

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

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

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

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

版权声明:本文转载自网络,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。本站转载出于传播更多优秀技术知识之目的,如有侵权请联系QQ/微信:153890879删除

相关文章
  • 请问下prometheus怎么进行自定义的按业

    请问下prometheus怎么进行自定义的按业

  • 节流函数为什么,点击无效,监听窗口大

    节流函数为什么,点击无效,监听窗口大

  • express访问静态资源失败

    express访问静态资源失败

  • IE 浏览器下 match 方法报错

    IE 浏览器下 match 方法报错

腾讯云代理商
海外云服务器