uni-app微信小程序动态样式设置；微信小程序style行内式无效；微信小程序style行内式编译报错；微信小程序:style设置样式

场景：微信小程序设置动态样式，有些时候是需要用到变量来书写的；但是实际使用发现，行内式书写虽然有效，但是会使得微信小程序的编辑失败；故需要使用动态的v-bind来写动态变量行内式样式（既使用:style="{ }"）

<template>
  <view>
    <view class="big_box">

      <!-- 故需要通过动态v-bind来设置 动态变量样式 ----正确书写✅ -->
      <view class="p_box" :style="{'width':(widthNum+'rpx'),'height':heightNum,}">123</view>

      <!-- 直接行内式写样式 值为变量会导致编辑错误 ----错误书写❎ -->
      <view class="p_box" style="width:{{widthNum+'rpx'}};height:{{heightNum}};">123</view>

      <view>1</view>

    </view>
  </view>
</template>

<script>
export default {
  data () {
    return {
      widthNum: 100,
      heightNum: '100rpx',
    }
  },
}
</script>