弹窗组件:
<template>
<div class="modal-mask">
<div class="modal-confirm">
<h4 class="confirm-header">操作提示</h4>
<div class="confirm-content">
{{ content }}
</div>
<div class="confirm-btns">
<button class="btn" v-on:click="op('cancel')">取 消</button>
<button class="btn btn-primary" v-on:click="op('ok')">确 定</button>
</div>
</div>
</div>
</template>
调用组件的页面:
<template>
<div>
<h1>Alert</h1>
<button class="btn btn-primary" v-on:click="alert">alert</button>
<confirm :parent-msg="parentMsg" v-show="confirmshow"></confirm>
</div>
</template>