Element浅尝辄止9:Popover 弹出框组件

Popover 的属性与 Tooltip 很类似,它们都是基于Vue-popper开发的,因此有重复属性

1.如何使用?

/*trigger属性用于设置何时触发 Popover,支持四种触发方式:
hover,click,focus 和 manual。
对于触发 Popover 的元素,有两种写法:使用 slot="reference" 
的具名插槽,或使用自定义指令v-popover指向 Popover 的索引ref。*/



2.嵌套信息

 Popover 中可以嵌套多种类型信息 
利用分发取代content属性


  
    
    
    
  
  click 激活


3.嵌套操作

也可以嵌套操作,这相比 Dialog 更为轻量


  

Are you OK?

取消 确定
删除

上述即为popover组件的大致内容,想要深入浅出可以移步弹出框 

 

你可能感兴趣的:(组件,element-ui,Vue,前端,elementui,vue.js)