组件不渲染 el-popover 添加class和设置宽度无效

需求在穿梭框列表里面给每条数据最右边增加一个小图标,鼠标放上去显示一个提示信息,鼠标单击弹出一个模态框显示列表信息详情,因详情内容比较多,需要把它做成一个可复用的组件来引入,并给组件设置一个宽度,且设置的宽度只在该组件内有效,不能影响其它的组件

Q1:组件通过懒加载的方式导入,页面第一次进来单击小图标,组件内容不显示,关闭页面后重新打开内容可以正常显示

Q2:直接修改它的默认样式会影响其它地方使用到的组件,加scoped直接不显示这个样式,在组件外面包裹一层div并设置一个类名,但是在控制台发现这个类名并没有设置在模态框上

A1:直接通过import导入,而不是通过懒加载的方式导入(详见如下图)

A2:el-popover组件的popper-class属性和width属性可以为popper增加类名和设置模态框宽度,在外面包裹一层div设置类名表名只在该组件里有效,其它地方的组件不受它的影响

组件不渲染 el-popover 添加class和设置宽度无效

组件不渲染 el-popover 添加class和设置宽度无效

组件不渲染 el-popover 添加class和设置宽度无效