用 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>