在vue项目中使用zoom属性
这几天一个项目中用到了zoom这个属性，在网上看了很多别的大佬写的博客，始终达不到自己的结果
没想到使用这个属性很简单，提前说这个火狐浏览器不支持这个属性，话不多说直接上代码
- 给rouver-view动态绑定zoom属性
<router-view :style="`zoom:${ww}`"></router-view>
- 在钩子函数中获取屏幕的实时宽度，然后你除以你做项目是的宽度，这个你要具体算
在data中data() {return {ww: 0}},
钩子函数中created() {let windowWidth = document.documentElement.offsetWidth || document.body.offsetWidth;this.ww = windowWidth / 1920}
- 具体可以去看迅雷的官网
本文来自互联网用户投稿，文章观点仅代表作者本人，不代表本站立场，不承担相关法律责任。如若转载，请注明出处。 如若内容造成侵权/违法违规/事实不符，请点击【内容举报】进行投诉反馈！