vue系列 - 封装一个移动端的警告弹框组件

最新推荐文章于 2023-07-18 10:27:28 发布

陈小刀同学

最新推荐文章于 2023-07-18 10:27:28 发布

阅读量363

点赞数

文章标签： vue.js css javascript html

本文链接：https://blog.csdn.net/m0_49135418/article/details/115823711

版权

本文介绍了一位开发者小陈如何封装一个适用于移动端的警告弹框组件，类似element-ui，可在引用时自定义警告内容。提供了组件使用后的实际效果展示。

摘要由CSDN通过智能技术生成

小陈封装了一个移动端的组件弹框，有点类似于element-ui，希望能给大家带来一点点帮助。
可以在组件引用的时候自行添加自己想警告的内容

<template>
  <div class="alert_container">
    <section class="tip_text_container">
      <div class="tip_icon">
        <span></span>
        <span></span>
      </div>
      <p class="tip_text">{
   {
   alertText}}</p>
      <div class="confrim" @click="closeTip">确认</div>
    </section>
  </div>
</template>

<script>
  export default {
   
    props: {
   
      alertText: String
    },

    methods: {
   
      closeTip<