vue+elementui下监听屏幕变化并处理对应样式

mounted () {window.addEventListener('resize', () => {if (document.body.clientWidth < 900) {this.tabposition = 'top'} else {this.tabposition = 'left'}})}补充：最好是将监听后对应的操作函数封装起来...

只爱吃菜不吃饭

3678人浏览 · 2019-04-25 16:07:10

只爱吃菜不吃饭 · 2019-04-25 16:07:10 发布

mounted () {

window.addEventListener('resize', () => {

if (document.body.clientWidth < 900) {

this.tabposition = 'top'

} else {

this.tabposition = 'left'

}

})

}

补充：最好是将监听后对应的操作函数封装起来，然后再页面的销毁程序中对window解除对应监听。可以参考我另一个博客

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}$/, //不连续的两位字母// /^