请问如何在uniapp中使用类似jquery的css方法,动态修改组件的背景颜色
1***@qq.com
- 发布:2023-06-20 17:55
- 更新:2023-06-20 21:58
- 阅读:793
如何在uniapp中动态获取id,并修改id组件的背景颜色
分类:uni-app
白羽 - 个人开发者
<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 - 开心就好
直接用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>
1***@qq.com (作者)
能具体点吗?比如如何根据id获取view对象,以及使用什么方法通过js修改css样式
2023-06-20 18:36