组件
_仰望星空的你
这个作者很懒,什么都没留下…
展开
-
vue 封装自定义弹框
效果:代码:1、弹框封装<template> <div class="all-model" v-if="isShow" v-move> <div class="model-panel" :style="popStyle"> <div class="panel-head"> <span class="head-tit">{{ title }}</span> <span原创 2021-07-02 15:55:27 · 474 阅读 · 1 评论 -
使用vue封装一个弹框
使用vue封装一个弹出框在我了解的vue中,一般封装主要就是用的就是组件通信,即父传子,子传父,兄弟传值。如果这点不懂,去看看我的博客:vue组件通信下面就说说,怎么使用vue来封装一个弹出框下面的是父组件的代码<template> <div> <div class="box_popup"> <div class="popup_title">弹出框</div> <button @click="t原创 2020-09-25 09:39:00 · 2451 阅读 · 2 评论 -
封装dialog的组件(对elementui的el-dialog的二次封装)
今天来说下对elementui的el-dialog对话框进行二次封装。那我为什么要进行封装呢?我来说一下:我们平常在写一个项目的时候,需要用到弹框非常多,如果我们每个页面写一次,会显得代码很累赘,那么对他们进行封装,就减少了代码的复用性。先看一下效果最终的效果就是上面的图片下面上代码并解释我一般都是使用的vue父传子props**** 如果对vue的基础不太好的,可以参考:关于组件传值的讲解这个页面是子组件<template> <!-- 封装弹框 --> .原创 2020-11-20 20:26:25 · 11536 阅读 · 5 评论