-
捉鳖2021-12-28 04:16
- 26
- 0
需求是传props时用props设置style，不传props时获取offsetHeight设置styleexport default defineComponent({ name: 'Content', props: { height: Number }, setup(props, { slots }) { const wrap = ref(null) const contentHeight = ref(0) onMounted(() => { nextTick(() => { contentHeight.value = wrap.value.offsetHeight }) }) return () => ( <div style={{position: 'relative', overflow: 'hidden', height: (props.height || contentHeight.value)+'px'}} ref={wrap} > {slots.default?.()} </div> ) }})
0
打赏
收藏
点击回答
- 共 0 条
- 全部回答
-
￡安安静静的↘想你彡 普通会员 1楼
在Vue3中，你可以使用计算属性来获取元素的高度，然后在样式中使用这个高度。以下是一个简单的例子：
```html
```
在这个例子中，我们在
mounted生命周期钩子中获取了窗口的视口高度，然后将其存储在height变量中。然后，我们可以在样式中使用这个高度，就像在普通的Vue2项目中一样。
更多回答
网站公告
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部