首页 > 技术文章 > vue开发笔记(二)—— 页面全屏放大、element使用、<style scoped>与<style>区别

duiyuedangge 2021-02-19 22:03 原文

 

页面全屏放大:
1.各个浏览器document中全屏和退出全屏的接口方法名都不一致。
2.ie浏览器,都没有判断全屏状态的接口。
3.chrome等浏览器通过判断全屏状态的接口配合window.onsize就可以完成全屏和退出。
4.ie浏览器需要配合vuex中的自定义的全屏状态标识,来进行全屏判断。
5.ie浏览器通过esc,退出全屏,需要单独在mounted中监听keyup,进行处理。
6.监听等方法中,调用的this要注意指代的对象,很多情况需要方法外的this,当做变量传递进来即可。

element使用:
1.element中的元素,el-select使用中遇到一个一直未选中的问题,原因是el-select中,v-model绑定的是选择项的key,而不是整个选择项对象。
2.vuex配合路由以及watch,可以实现路由页面,系统级选项的功能,如用户偏好设置等。

 <style scoped>与<style>区别:

<style>表示全局生效。
<style scoped>表示组件内生效。

推荐阅读