CSS 使用 data里面的动态参数

外派叙利亚

于 2023-07-27 11:39:16 发布

阅读量602

点赞数

文章标签： css 前端 javascript

本文链接：https://blog.youkuaiyun.com/weixin_50236740/article/details/131956867

版权

<template>
  <div class="navbar" :style="myStyle">
  </div>
</template>
export default {
   data(){
        return {
            flgs:'210px'
        }
    },
  computed: {
    myStyle () {
        return {
         "--flgs": this.flgs,
        }
      }
  },
}
</script>
<style lang="scss" scoped>

.navbar {
  width: calc(100% - var(--flgs));
}
</style>