mui区域滚动失效的问题

在开发 mui加vue 做开发的时候发行这两个框架一起使用问题真的太多了无力吐槽渲染内容区域要用一个元素包起来(推荐用div) 高度必须auto 或者不设置否则无法滚动mui-scroll-wrapper 的overflow 改成 scroll 因为overflow默认是hidden,<div style="top: 230px;overflow: scroll;heig

Mr.冬冬

4640人浏览 · 2019-01-09 10:53:02

Mr.冬冬 · 2019-01-09 10:53:02 发布

在开发 mui加vue 做开发的时候发行这两个框架一起使用问题真的太多了无力吐槽

渲染内容区域要用一个元素包起来(推荐用div) 高度必须auto 或者不设置否则无法滚动

mui-scroll-wrapper 的overflow 改成 scroll 因为overflow默认是hidden,

<div style="top: 230px;overflow: scroll;height: 65%;" class="mui-scroll-wrapper">
	<div id="pullrefresh" class="mui-scroll" style="height: 100%;">
		<div style="height: auto;">
             //渲染内容区域
		</div>
	</div>		    
</div>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^