uni-app:js修改元素样式(宽度、外边距)

效果

uni-app:js修改元素样式(宽度、外边距)_第1张图片

代码

1、在元素上添加一个ref属性,用于在JavaScript代码中获取对该元素的引用:myView" id="mybox">

2、获取元素引用 :const viewElement = this.$refs.myView.$el;

3、修改元素宽度:viewElement.style.width = '100px';

4、修改元素左外边距:viewElement.style.marginLeft = '20px';




扩展

这种情况可能运行到手机端会出现拥堵,无法正常运行,现举实例解决手机端出现的问题

效果

uni-app:js修改元素样式(宽度、外边距)_第2张图片

代码





你可能感兴趣的:(uni-app,uni-app,javascript,前端)