uniapp动态修改元素节点样式详解

<button type="default" @click="handleFont">点击增大字体</button>
<view class="weibo_box" id='index0' :style="{fontSize:vHeight + 'px'}">

data(){
	return {
		vHeight:22
	}
},


handleFont(){
	const that=this
	uni.createSelectorQuery().select('#index0').boundinGClientRect(function (data) { 
	  console.log('元素信息0：',data)
		  that.vHeight +=10
	}).exec()
}

<button type="default" @click="handleFont">点击增大字体</button>
<view class="weibo_box" id='index1' ref="mydom">
	第二个
</view>

data(){
	return {
		vHeight:22
	}
},
//部分代码不相关，省略

handleFont(){
	const that=this
	that.$refs.mydom.$el.style.fontSize=that.vHeight+=1+'px'
}