我想这样定义：
计算属性如下：
logoTop(){ commutateur (this.$vuetify.breakpoint.name) { cas 'xl' : retour "-4%" cas 'lg' : retour "-6%" cas 'md' : retour "-8%" cas 'sm' : retour "-8%" cas 'xs' : renvoie 0 défaut: retour "-4%" } }, CSS如下：
#logo-transparent{ indice z : 1 ; largeur : 400 px ; hauteur : 300px ; position : absolue ; à droite : -1% ; } 但问题是v-img没有top属性。
logoTop(){ retour { "--propriété supérieure" : commutateur (this.$vuetify.breakpoint.name) { cas 'xl' : renvoie 400 cas 'lg' : renvoie 300 cas 'md' : renvoie 300 cas 'sm' : renvoie 200 cas 'xs' : renvoie 0 défaut: retour 400 } } }, 在CSS中使用它的方法如下：
top : var(--top-property)
我该如何做呢？
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Votre
logoTop计算属性可以在样式绑定中用于设置v-img的topemplacement d'origine :Démo
switchNe retournez rien. Vous devriez utiliser une variable comme celle-cilogoTop() { let topProperty; switch (this.$vuetify.breakpoint.name) { case 'xl': topProperty = 400; break; case 'lg': case 'md': topProperty = 300; break; case 'sm': topProperty = 200; break; case 'xs': topProperty = 0; break; default: topProperty = 400; } return { "--top-property" : topProperty } },