更新记录

1.0.8（2020-03-28）

无

1.0.7（2020-01-17）

修复自动关闭异常Bug

1.0.6（2020-01-14）

更新自定义位置 上下左右 位置

平台兼容性

Popup 弹出层

组件名：open-alert，代码块： openAlert。

使用方式

在 main.js 中引用组件

import openAlert from '@/components/open-alert/open-alert';
Vue.component('openAlert', openAlert);

在 template 中使用组件

<view class="open-view" @tap="open(0, 'center')">淡入</view>
<openAlert ref="openAlert" :AlertClass="AlertClass" :AlertPosition="AlertPosition">
    <view>自定义内容</view>
</openAlert>

export default {
    data() {
        return {
            AlertClass: 0,
            AlertPosition: '',
        };
    },
    methods: {
        open(Class, Position) {
            this.$nextTick(function() {
                this.AlertClass = Class;
                this.AlertPosition = Position;
                this.$nextTick(function() {
                    this.$refs.openAlert.Show();
                });
            });
        }
    }
};

属性说明

方法说明

通过 ref 获取组件调用方法