用 v-for 循环式  每个item的值相等的情况下,会影响v-model的双向绑定;

Modal 组件开发,主要用slot 标签来实现

<template>
    <transition name="modal">
        <div class="modal-mask" @click="$emit('close')">
            <div class="modal-wrapper">
                <div class="modal-container" @click.stop=''>
                    <div class="modal-header">
                        <slot name="header">
                        </slot>
                    </div>
                    <div class="modal-body">
                        <slot name="body">
                        </slot>
                    </div>
                    <div class="modal-footer">
                        <slot name="footer">
                            <button class="modal-quit-button" @click="$emit('close')">取消</button>                            
                            <button class="modal-sure-button" @click="$emit('ok')">确定</button>
                        </slot>
                    </div>
                </div>
            </div>
        </div>
    </transition>
</template>

<script>
</script>

<style lang="scss">
    @import "../../css/public/modal.scss";
</style>
View Code

分类:

技术点:

相关文章: