vue.js动态设置宽度的方法：1、添加样式绑定；2、添加属性计算，例如【computed: {scrollerHeight: function() {return (window.innerHeight - 46 - 50)...】。
本文操作环境：windows10系统、vue.js 2.9、thinkpad t480电脑。
在实际开发过程中，我们会经常使用到动态计算的样式，比如宽度、高度等，特别是在开发后台管理系统的时候。
需求场景：
获取当前手机屏幕高度，设置container div的可滚动区域范围。
立即学习“前端免费学习笔记（深入）”；
具体实现：
Yes!SUN企业网站系统 3.5 Build 20100303
下载
Yes!Sun基于PHP+MYSQL技术，体积小巧、应用灵活、功能强大，是一款为企业网站量身打造的WEB系统。其创新的设计理念，为企业网的开发设计及使用带来了全新的体验：支持前沿技术：动态缓存、伪静态、静态生成、友好URL、SEO设置等提升网站性能、用户体验、搜索引擎友好度的技术均为Yes!Sun所支持。易于二次开发：采用独创的平台化理念，按需定制项目中的各种元素，如：产品属性、产品相册、新闻列表
1、添加样式绑定
2、添加属性计算
在computed里添加属性计算。记住 scrollerHeight 不需在data进行声明。
computed: {
// 滚动区高度
// (业务需求：手机屏幕高度减去头部标题和底部tabbar的高度，当然这2个高度也是可以动态获取的)
scrollerHeight: function() {
return (window.innerHeight - 46 - 50) + 'px';
}
}推荐学习：php培训
