@varlet/ui的Picker的函数和组件两种调用方式在当前项目的home页面中均发生样式混乱
函数式调用:
`<script setup>
import { Picker } from '@varlet/ui'
async function picker() {
const { state, values, indexes, options } = await Picker({
columns: [
[
{ text: 'A' },
{ text: 'B' },
{ text: 'C' },
{ text: 'D' },
{ text: 'E' }
]
]
})
}
</script>
`
picker组件样式混乱!
单独用var-picker标签放在页面也会导致picker的样式混乱!
经过多种尝试,只有通过var-popup标签包裹着var-picker标签来使用才一切正常!