小编Roj*_*Roj的帖子

角形材料垫抽屉与高度的问题

由于某种原因,我似乎无法让垫子抽屉占据屏幕上剩余的可用高度。我试过了:

.drawer-container {
    position: fixed;
    height: 100%;
    min-height: 100%;
    width: 100%;
    min-width: 100%;
}
Run Code Online (Sandbox Code Playgroud)

但由于某种原因,即使屏幕上只有一个元素(如滚动条所示),我仍然会出现溢出:

在此输入图像描述

当我删除 CSS 规则时,我最终得到以下结果:

在此输入图像描述

基本上只占屏幕高度的10%左右。我考虑过使用固定高度,但我猜如果在更大或更小的显示器上观看,它看起来会被切断。我将不胜感激任何帮助,因为我真的不熟悉有角材料的全部属性以及如何正确操纵它们。提前致谢。

html javascript css angular-material angular

6
推荐指数
1
解决办法
6909
查看次数

如何访问 NuxtJs 存储中的 localStorage?

我试图从 localStorage 获取一个值来确定存储中变量的值。我记得大约一年前尝试过使用 vuejs 进行类似的操作,它似乎有效。我在 Reactjs 上也没有遇到任何问题。但由于某种原因,我在 Nuxt 中执行相同操作时不断收到此错误

在此输入图像描述

在此输入图像描述

这是我的user.js文件

export const state = () => ({
  isLoggedIn: !!localStorage.getItem('userDetails')
})

export const mutations = {
  login(state) {
    state.isLoggedIn = true;
  },
  logout(state) {
    window.localStorage.clear()
    state.isLoggedIn = false;
  }
}
Run Code Online (Sandbox Code Playgroud)

我处理这个问题的方法错了吗?或者这不应该起作用?任何帮助表示赞赏。

javascript vue.js vuex nuxt.js

3
推荐指数
1
解决办法
2万
查看次数

标签 统计

javascript ×2

angular ×1

angular-material ×1

css ×1

html ×1

nuxt.js ×1

vue.js ×1

vuex ×1