首先我们要知道height:100%
能生效有两种情况。
- 第一种是父级有显性高度,即写了具体值。当然从html一直往下都赋予
height:100%
也是属于这种情况。(html=>body=>…=>父级=>目标元素)。
当然设置
max-height
与min-height
对height:100%
的多数情况是没用的,它们只是设置边界而不是设置具体值。
- 第二种就是自身绝对定位,父级相对定位,脱离文档流。其实原理和上述是一致的。
首先我们要知道height:100%
能生效有两种情况。
height:100%
也是属于这种情况。(html=>body=>…=>父级=>目标元素)。当然设置
max-height
与min-height
对height:100%
的多数情况是没用的,它们只是设置边界而不是设置具体值。
应用场景:
1,每个请求都带上的参数,比如 token,时间戳等
2,对返回的状态进行判断,比如 token 是否过期
传递值
1 | <router-link :to="{path:'/test',query: { userId: 123,userName:'xia' }}">跳转</router-link> |
接收值(页面刷新的时候不会消失)
1 | this.$route.query.userId // 123 |
url上显示参数:http://localhost:8080/test?userId=123&userName=xia
在页面渲染时,我的数据是嵌套的对象,如下图:
需求:一个div设置了background: url,现在需要使图片背景模糊,div内的文字清晰显示。