1***@qq.com
1***@qq.com
  • 发布:2023-06-20 17:55
  • 更新:2023-06-20 21:58
  • 阅读:793

如何在uniapp中动态获取id,并修改id组件的背景颜色

分类:uni-app

请问如何在uniapp中使用类似jquery的css方法,动态修改组件的背景颜色

2023-06-20 17:55 负责人:无 分享
已邀请:
爱豆豆

爱豆豆 - 办法总比困难多

动态修改css 或者 动态修改style

  • 1***@qq.com (作者)

    能具体点吗?比如如何根据id获取view对象,以及使用什么方法通过js修改css样式

    2023-06-20 18:36

白羽

白羽 - 个人开发者

<template>  
    <view :style="styleObject">innerText</view>  
</template>
<script>  
    export default {  
        data() {  
            return {  
                styleObject: {  
                    backgroundColor: 'red',  
                    paddingBottom: '9px'  
                }  
            }  
        },  
        methods: {  
            updateStyle(bg, pb) {  
                this.styleObject.backgroundColor = bg  
                this.styleObject.paddingBottom = pb  
            }  
        }  
    }  
</script>
昭昭L

昭昭L - 开心就好

直接用ref就ok了

<template>  
  <view>  
    <input ref="myInput" placeholder="请输入文本" />  
    <button @click="changeBgColor">修改背景色</button>  
  </view>  
</template>  
<script>  
export default {  
  methods: {  
    changeBgColor() {  
      this.$refs.myInput.$el.style.backgroundColor = "#FFC0CB"; // 修改文本框的背景色  
    }  
  }  
}  
</script>

要回复问题请先登录注册