antd Popover 气泡卡片，首次位置不对解决方法

解决Ant Design of Vue - Popover 气泡卡片首次位置不对问题想要效果:首次进入效果：再次移入显示就对了，解决方法：加上高宽（:overlayStyle="{ ‘width’: ‘208.34px’, ‘height’: ‘267px’ }"）如下即可<a-popover title="Title" :overlayStyle="{ 'width': '208.34p

丨丨三戒丶

4709人浏览 · 2021-09-10 09:36:07

丨丨三戒丶 · 2021-09-10 09:36:07 发布

解决Ant Design of Vue - Popover 气泡卡片首次位置不对问题

想要效果:

在这里插入图片描述

首次进入效果：

在这里插入图片描述

再次移入显示就对了，解决方法：加上高宽（:overlayStyle="{ ‘width’: ‘208.34px’, ‘height’: ‘267px’ }"）或者：在 slot=“content” 下里面元素加高宽！如下即可

<a-popover title="Title" :overlayStyle="{ 'width': '208.34px', 'height': '267px' }">
    <template slot="content">
        <p>Content</p>
        <p>Content</p>
        <img src="123.png" width="100">
    </template>
    <a-button type="primary">Hover me</a-button>
</a-popover>

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^