ViewUIPlus
ViewUIPlus copied to clipboard
使用Select组件,Option选项列表没有跟随页面滚动移动
"view-ui-plus": "1.3.5",
"vue": "^3.2.45",
"vuex": "^4.1.0"
<Drawer>
<Form>
<Row>
<Col span="12">
<FormItem label="所属区域" prop="area" label-position="top">
<Select clearable v-model="updateForm.area">
<Option v-for="item in arealist" :value="item.key" :key="item.key">{{ item.value }}
</Option>
</Select>
</FormItem>
</Col>
</Row>
</Form>
</<Drawer>
arealist: 使用axios请求获取数据绑定
描述问题: 点击Select控件显示Option列表时,因在Drawer标签内的元素多的时候出现滚动浏览时,Option列表元素位置与Select组件的位置发生空隙。既Option列表只会固定在一个位置
app.use(router) .use(ViewUIPlus, { transfer: false, }) 在全局配置中把transfer 改为false时,上述情况消失
准确的说是所有transfer后的组件弹窗都会在页面滚动后导致弹窗异位