在线时间:8:00-16:00
迪恩网络APP
随时随地掌握行业动态
扫描二维码
关注迪恩网络微信公众号
一,通过style属性绑定来修改第一步:肯定是需要获取元素节点 在uniApp项目中没有windouw对象,所以通过document不能直接获取dom节点,vue的refs只对自定义组件有效,对uniapp中的标签不生效。 查看uniapp官网有一个uni.createSelectorQuery() API;可以通过这个属性获取标签的样式,在通过动态绑定样式来修改; html:<button type="default" @click="handleFont">点击增大字体</button> <view class="weibo_box" id='index0' :style="{fontSize:vHeight + 'px'}"> 对应的js:data(){ return { vHeight:22 } }, handleFont(){ const that=this uni.createSelectorQuery().select('#index0').boundingClientRect(function (data) { console.log('元素信息0:',data) that.vHeight +=10 }).exec() } 实现的效果:
|
请发表评论