需求:一套代码,logo宽度不一致,后台返回数值宽度
(很简单的一个需求,硬是弄了一个早上,气自己)
html:
<!-- 展示动态宽度logo -->
<van-col
:style="{ width: handleWidth }"
style="height: 1.5rem"
class="text-left"
v-if="isimagea"
>
<img :src="imagesbase" alt class="headImg" style="" />
</van-col>
js:
data () {
return: {
handleWidth: "0rem", // 后台返回的logo宽度
}
},
mounted () {
this.getData()
}
methods: {
getData () {
.....
.....
以上为请求过程,获取后台返回,则
this.handleWidth = res.data.width + 'rem'
}
}
学会了跑,忘记了怎么走路!!!!!