如何添加类窗口调整大小方法vuejs2
我想在用户调整窗口大小并达到特定宽度时向div添加一个类 这是我的密码如何添加类窗口调整大小方法vuejs2,vuejs2,Vuejs2,我想在用户调整窗口大小并达到特定宽度时向div添加一个类 这是我的密码 mounted() { window.addEventListener('resize', this.handleWindowResize); }, methods: { handleWindowResize() { this.windowWidth = event.currentTarget.innerWidth; }, } 在这之后我不确定。接下来我应该做什么?请参见示例: <script&g
mounted() {
window.addEventListener('resize', this.handleWindowResize);
},
methods: {
handleWindowResize() {
this.windowWidth = event.currentTarget.innerWidth;
},
}
在这之后我不确定。接下来我应该做什么?请参见示例:
<script>
export default {
mounted: function () {
window.addEventListener('resize', this.handleResize)
},
methods: {
handleResize () {
let el = document.querySelector('.class-anchor')
if (window.innerWidth < 1024) {
el.classList.add('you-class')
} else {
el.classList.remove('you-class')
}
}
}
}
</script>
导出默认值{
挂载:函数(){
window.addEventListener('resize',this.handleResize)
},
方法:{
handleResize(){
设el=document.querySelector('.class-anchor'))
如果(window.innerWidth<1024){
el.classList.add('you-class')
}否则{
el.classList.remove('you-class')
}
}
}
}