vue获取后端多层数据

1、使用axios进行>

最近遇到一个需求，循环展示列表，每个列表要有收起和展开的功能，由于每个列表的高度不确定，在写vue-transition的时候遇到了问题。

我一开始想参考element-ui 中 collapse 的处理方式，源码也可以拿来用，后来上述作者给的处理方法也能正常使用，就没再看源码。以下是处理方式

原链接写的更详细，各位可以参考原链接哦！

在template中定义ref，与setup中命名要一样

在setup中要定义ref与template中名字一样，在onMounted中去 *** 作元素，因为setup是相当于create，那是页面还没渲染，所以要在onmounted中去 *** 作。要记得将元素return 不然没效果

有时候会使用100vh，刚进入页面时是合适的，但是若果页面高度是动态添加的，那么当页面实际高度超过100vh的时候，100vh的高度设置就不够了。

例如：

↑此时外部容器为100vh 刚好合适

↑但是我添加步骤 高度超过100vh 就不够了

解决办法：

在appvue中设置

#app{

height: 100%;

}

html,body{

height: 100%;

}

在你要适配的页面，将父容器的高度设为：

}

如果你的背景是一张，那么就这样：

#home {

width: 100%;

height: 100%;

overflow: scroll;

background-color: rgb(26, 28, 35);

background-image: url("/assets/bgpng");

background-size: 100%;

}

以上就是关于vue获取后端多层数据全部的内容，包括:vue获取后端多层数据、vue2.0怎么获得一个组件的高度、VUE transition实现展开/收起高度不确定的元素等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！