# Popover 弹出框

#

# 1、基础用法--标准内容,comp方式渲染

#

comp渲染,必须申明class为comp 然后在comp里面添加相应的参数配置。 如果是comp方式渲染的对象,通过 $("#input_obj").attrObj("_CtpUiPopover");方式来获取对象

显示代码


显示代码


显示代码


显示代码


显示代码

# 2、基础用法--自定义内容,comp方式渲染

#

自定义的显示内容的容器class需要设置成el-popover-div,里面的内容由大家自行编写

gridData: [{ date: '2016-05-02', name: '王小虎', address: '上海市普陀区金沙江路 1518 弄' }
显示代码

# 3、基础用法--显示方向,comp方式渲染

#

显示代码

# 3、采用对象方式渲染

#

显示代码

#

# 参数列表

参数 说明 类型 可选值 默认值
type 控件类型 string CtpUiPopover
title 标题 string 自定义
content 提示内容 string 自定义
width 显示区域的宽度 number 80
height 如果传递了高度,则下拉区域的高度以用户定义的高度为准,不传的话,则最大高度为275px; number
placement 显示位置 string left/right/bottom/top bottom
popoverId 自定义提示区域的内容的id string 自定义


#

# 方法列表

方法名 说明 参数 1 参数 2
destory 销毁组件