Skip to content

在使用 picker 的时候点击 mask 无法正常关闭 组件。 #21

@sh9930119

Description

@sh9930119

popup 组件中 mask 点击事件中 emit 的方法名为 mask-click

picker 组件中 popup 注册的事件却是click

尝试将 picker 中监听的事件名称@click 更新为 @mask-click 后。点击 mask 遮罩部分可以正常关闭组件。

popup组件源码相关部分

<script type="text/ecmascript-6">
  import apiMixin from '../../common/mixins/api'
  const COMPONENT_NAME = 'cube-popup'
  const EVENT_MASK_CLICK = 'mask-click'
  export default {
    methods: {
      maskClick(e) {
        this.$emit(EVENT_MASK_CLICK, e)
      }
    }
  }
</script>

picker组件源码相关部分 @click

<template>
  <transition name="cube-picker-fade">
    <cube-popup
      type="picker"
      :mask="true"
      :center="false"
      v-show="isVisible"
      @touchmove.prevent
      @click="cancel">
  • cube-ui version:1.0.0

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions