一、修改组件的样式隔离选项
默认情况下,自定义组件的样式隔离特性能够防止组件内外样式互相干扰的问题。但有时,我们希望在外界能
够控制组件内部的样式,此时,可以通过 styleIsolation 修改组件的样式隔离选项,用法如下:
//在组件的 .js 文件中新增如下配置
Component({
options:({
styleIsolation:'isolated'
})
})
//或在组件的 .json 文件中新增如下配置
{
"styleIsolation":"isolated"
}
styleIsolation 的可选值
可选值 -------默认值------描述
- isolated 是 表示启用样式隔离,在自定义组件内外,使用 class 指定的样式将不会相互影响
- apply-shared 否 表示页面 wxss 样式将影响到自定义组件,但自定义组件 wxss 中指定的样式不会影响页面
- shared 否 表示页面 wxss 样式将影响到自定义组件,自定义组件 wxss 中指定的样式也会影响页面和其 他设置了apply-shared 或 shared 的自定义组件
二、数据监听器
数据监听器用于监听和响应任何属性和数据字段的变化,从而执行特定的操作。它的作用类似于 vue 中的watch 侦听器。在小程序组件中,数据监听器的基本语法格式如下:
Component(