uniapp开发微信小程序如何通过id获取view实现修改style样式

在uniapp中，可以通过以下方式获取view并修改样式：

1. 在模板中给view设置id

在模板中给需要获取并修改样式的view设置一个id，如下所示：

<view id="myView" class="my-class">Hello World</view>

2. 在script中获取view

在需要获取view并修改样式的方法中，使用uni.createSelectorQuery()方法获取view，并通过id选择器选择到需要获取的view，如下所示：

export default {
  methods: {
    modifyStyle() {
      uni.createSelectorQuery().select('#myView').fields({
        size: true,
        rect: true,
        scrollOffset: true,
        properties: ['scrollX', 'scrollY']
      }, (res) => {
        console.log(res)
        // 修改view的样式
        uni.setStorageSync('myViewStyle', {
          width: res.width + 'px',
          height: res.height + 'px',
          backgroundColor: '#000000'
        })
      }).exec()
    }
  }
}

3. 修改view的样式

获取到view后，可以通过uni.setStorageSync()方法将需要修改的样式保存到本地存储中，然后在模板中使用样式绑定的方式将样式绑定到view上，如下所示：

<view id="myView" class="my-class" :style="myViewStyle">Hello World</view>

在样式中使用本地存储中获取到的样式：

export default {
  computed: {
    myViewStyle() {
      return uni.getStorageSync('myViewStyle')
    }
  }
}

通过以上三个步骤就可以实现在uniapp中通过id获取view并修改样式的操作了。