平台兼容性

popup

遮罩

属性说明
属性名 类型 默认值 说明
title String position 为 top 时，该属性生效
disable Boolean false 超出是否禁止滚动
hidden Boolean true 遮罩是否隐藏
position String right 遮罩层的方向
no-cancel Boolean false 是否隐藏 cancel 按钮
cancel-text String 取消 cancel 按钮文字
confirm-text String 确定 confirm 按钮文字
no-botton Boolean false 是否隐藏 cancel 和 confirm 按钮
popup-style String/Array/Object popup 蒙版样式，可按 vue 方法写
cancel-style String/Array/Object cancel 按钮样式，可按 vue 方法写
confirm-style String/Array/Object confirm 按钮样式，可按 vue 方法写
@confirm EventHandel 点击确认触发的回调
@cancel EventHandel 点击取消触发的回调
position 的值
值 说明
top 从顶部划出，无按钮
left 从左侧划出
right 从右侧划出
bottom 从下方划出
插槽

组件内部可放入匿名插槽

  • 注意：点击弹框蒙版时在组件内部关闭，因此在绑定属性时，需 :hidden.sync，点击按钮时为绑定关闭蒙版事件，如需绑定，请修改内部源码，或在外部事件加入
  • .sync 修饰符 后跟变量，非 固定值，如：:hidden.sync = 'false' 是不可行的;
  • 宽高有默认值，没有配置项，如有需要，请在源码中做修改
<popup-view :hidden.sync='popup' position='bottom' :no-botton='false' :confirm-style='{color: "#fff", fontSize: "18px"}'>
    <view v-for='val in 10' :key='val'>
        {{val}}、item
    </view>
</popup-view>

隐私、权限声明

1. 本插件需要申请的系统权限列表：

无

2. 本插件采集的数据、发送的服务器地址、以及数据用途说明：

无

3. 本插件是否包含广告，如包含需详细说明广告表达方式、展示频率：

无

许可协议

MIT协议
评论列表 撰写评论 向官方投诉
加载更多...