前言
在Vue页面中使用js修改元素样式同在普通Html页面,首先也是定位元素,然后直接修改元素样式。
使用原生js获取dom元素
1、通过id定位元素
<div id="leftmenu" @click="toggleMenuList" class="left-menu">
2、使用原生js修改样式:
document.getElementById("leftmenu").style.width = '200px';
document.getElementById("leftmenu").style.cssText='width: 450px; border: 1px solid #eee;';