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