uni-popup-dialog
组件传递props
中foucs
属性默认true
在 H5中无异常,但是在微信小程序中只要打开的页面使用了uni-popup-dialog
组件,IOS端的软键盘就会自动弹起!!!uni-app 编译到微信小程序时,默认存在组件样式隔离,导致样式穿透(深度选择器)失效
解决方法:在组件的script
部分添加options: { styleIsolation: 'shared' }
,解除样式隔离:
// Vue3
defineOptions({
options: {
styleIsolation: 'shared' // 允许样式穿透
}
})
// Vue2
export default {
options: {
styleIsolation: 'shared' // 允许样式穿透
},
data() { return {} },
methods: {}
}