uni-app为指定ID设置css属性,怎么操作
时间: 2024-05-01 10:20:18 浏览: 7
如果您想为指定的元素设置CSS属性,可以使用以下方法:
1. 获取元素的引用,可以使用 `uni.createSelectorQuery()` 方法来获取元素的引用。
```
// 获取元素的引用
const query = uni.createSelectorQuery();
query.select('#element-id').boundingClientRect();
query.exec((res) => {
const element = res[0];
// 在这里设置CSS属性
});
```
2. 使用 `uni.$emit()` 方法向子组件传递参数,子组件接收到参数后可以使用 `this.setData()` 方法来设置CSS属性。
```
// 父组件
uni.$emit('setStyle', {
id: 'element-id',
style: 'color: red;'
});
// 子组件
onLoad: function () {
uni.$on('setStyle', (data) => {
const query = uni.createSelectorQuery();
query.select('#' + data.id).boundingClientRect();
query.exec((res) => {
const element = res[0];
this.setData({
[element]: data.style
});
});
});
}
```
以上是两种常用的方法,您可以根据具体情况选择适合自己的方法。