vue笔记

1、css使用变量

在data中定义

先在data中定义

data() {
    return {
      myheight: document.documentElement.clientHeight - 60 + "px",//取当前屏幕高度
    }，
}，

然后css中用 v-bind(myheight)

.main_div{
  margin-left: 20px;
  margin-right: 0px;
  max-height: v-bind(myheight);
  /* max-height: 500px; */
  overflow-x: hidden;
  overflow-y: auto;
  width: 88%;
  display: flex;
  flex-wrap: wrap;
}