高さを取得
html部分
app.vue
<template> //高さを取ってきたいとこ
<v-appref="app"><v-main><nuxt/> //使うとこ
<divclass="aaa"/></v-main><the-footer/></v-app></template>クラス名から要素の高さをとる時
app.vue
<scriptlang="ts">importVuefrom'vue'exportdefaultVue.extend({data(){return{}},mounted(){//appがクラス名 //変数appHeightに取得した高さを代入constappHeight=this.$refs.app.$el.clientHeight//css変数(--height)に代入document.documentElement.style.setProperty('--height',`${appHeight}px`)}})</script>取ってきた要素の高さを使う時
app.vue
<stylelang="scss">.aaa{//ここで使うheight:var(--height,100vh);background-color:red;}</style>
