您现在的位置是:首页 > 正文

vue项目开发全局组件笔记

2024-04-01 05:11:04阅读 5

在开发vue项目时,经常会用到element UI组件,在全局使用像message,toast,alert等组件得时候会很方便,但是在开发需要UI制定的项目时,就不能使用element UI了,这时就需要自己去开发属于自己的组件库了。
具体的开发方法官网提供了。下面我们就根据官网提供的方法来开发属于我们自己的alert警告组件

  1. 首先我们要在src/components文件夹下创建一个alert文件夹,在里面创建两个文件
├── src
│   ├── components
│   │   ├── alert
│   │   │   ├── alert.vue #alert组件
│   │   │   ├── index.js #插件逻辑
  1. 编写alert组件
<template>
  <transition name="alert-fade">
    <div
      class="ht-message"
      v-if="show"
    >
      <div
        class="ht-model"
        @click="close"
      ></div>
      <div
        class="ht-message-box"
        :style="'width:'+width"
      >
        &l

网站文章

  • 服务器有新消息主动推送给客户端浏览器

    服务器有新消息主动推送给客户端浏览器

    前言 通常情况下,无论是web浏览器还是移动app,我们与服务器之间的交互都是主动的,客户端向服务器端发出请求,然后服务器端返回数据给客户端,客户端浏览器再将信息呈现,客户端与服务端对应的模式是: 客...

    2024-04-01 05:10:23
  • 算法入门之排序算法

    算法入门之排序算法

    算法入门之排序算法堆排序堆排序相较于堆排序这种排序算法,堆这种数据结构更为重要/** * @Author Jason * @Date 2021/9/11 11:09 上午 * @Description...

    2024-04-01 05:10:14
  • android绑定Service失败原因

    今天抄一个代码,学习Service,中间Service的绑定一直是失败的。bindService返回false上网查询的话都是一些,比如说TabHost的问题发现和自己的问题不一样。最后想了想,原来是AndroidManifest.xml这个文件没有改,要添加一个Service的段哎,低级错误害人害己 转载请注明来自:http://blog.csdn.net/icyfo...

    2024-04-01 05:10:07
  • 浅谈Java中常见的三种I/O模型

    浅谈Java中常见的三种I/O模型

    浅谈Java中常见的三种I/O模型BIO (Blocking I/O)BIO 属于同步阻塞 IO 模型NIO (Non-blocking/New I/O)NIO属于IO多路复用模型、同步非阻塞IO模型...

    2024-04-01 05:09:28
  • PyQt(Python+Qt)学习随笔:QTreeView的标题表头header相关属性

    PyQt(Python+Qt)学习随笔:QTreeView的标题表头header相关属性

    PyQt学习随笔

    2024-04-01 05:09:20
  • node 多版本管理

    node 多版本管理

    2024-04-01 05:09:15
  • Python 使用tkinter的Menu创建菜单栏、一级菜单、二级菜、三级菜单

    Python 使用tkinter的Menu创建菜单栏、一级菜单、二级菜、三级菜单

    在Python的Tkinter中,要显示菜单栏、一级菜单、二级菜、三级菜单,可以使用add_cascade方法将下一级菜单添加到上一级菜单中。

    2024-04-01 05:09:07
  • linux 上查找包含特定文本的所有文件

    linux 上查找包含特定文本的所有文件

    原文链接https//rumenz.com/rumenbiji/linux-find-strings.html。在~/.bashrc文件中。微信公众号入门小站。

    2024-04-01 05:08:26
  • 微软产品 补丁包

    补丁包(Service Packs)补丁包(Service packs)是微软发布的产品更新的集成。补丁包可能包含系统稳定性,安全,以及其他方面的更新。我们建议您为您的微软产品下载和安装最新的补丁...

    2024-04-01 05:08:17
  • 软件项目管理(CMMI成熟度)实践——之上线里程碑报告

    软件项目管理(CMMI成熟度)实践——之上线里程碑报告

    本文实际项目为例,通过分析工作量、人力资源、风险与问题跟踪,总结出项目采购成本增加的原因,并总结经验教训。

    2024-04-01 05:08:10