docker实战篇之docker基本命令

docker 常见命令

更细的配置请参考官方文档

第一大部分 容器生命周期管理

01 .docker run :创建一个新的容器并运行一个命令

$ docker run [OPTIONS] IMAGE [COMMAND] [ARG...]
  • -a stdin: 指定标准输入输出内容类型,可选 STDIN/STDOUT/STDERR 三项;
  • -d: 后台运行容器,并返回容器ID;
  • -i: 以交互模式运行容器,通常与 -t 同时使用;
  • -t: 为容器重新分配一个伪输入终端,通常与 -i 同时使用;
  • --name="nginx-lb": 为容器指定一个名称;
  • --dns 8.8.8.8: 指定容器使用的DNS服务器,默认和宿主一致;
  • --dns-search example.com: 指定容器DNS搜索域名,默认和宿主一致;
  • -h "mars": 指定容器的hostname;
  • -e username="ritchie": 设置环境变量;
  • --env-file=[]: 从指定文件读入环境变量;
  • --cpuset="0-2" or --cpuset="0,1,2": 绑定容器到指定CPU运行;
  • -m :设置容器使用内存最大值;
  • --net="bridge": 指定容器的网络连接类型,支持 bridge/host/none/container: 四种类型;
  • --link=[]: 添加链接到另一个容器;
  • --expose=[]: 开放一个端口或一组端口;

Notice 其他一类常见参数,(具体的情况请查看文档)

  1. --rm 参数 : 如果程序执行完毕后,自动删除容器。注意它与-d参数是不兼容的
  2. -p 参数:绑定端口
  3. -restart参数:重启参数
  4. -v参数:挂载数据卷
  5. 等等

02 .Docker start/stop/restart 命令

$ docker start [OPTIONS] CONTAINER [CONTAINER...]
$ docker stop [OPTIONS] CONTAINER [CONTAINER...]
$ docker restart [OPTIONS] CONTAINER [CONTAINER...]

03 .docker kill:杀掉一个运行中的容器。

$ docker kill [OPTIONS] CONTAINER [CONTAINER...]
  • -s :向容器发送一个信号

eg:

[email protected]:~$ docker kill -s KILL mynginx

04 .docker rm:删除一个或多少容器

$ docker rm [OPTIONS] CONTAINER [CONTAINER...]
  • -f :通过SIGKILL信号强制删除一个运行中的容器
  • -l :移除容器间的网络连接,而非容器本身
  • -v :-v 删除与容器关联的卷

05 .Docker pause/unpause命令(不常用)

$ docker pause [OPTIONS] CONTAINER [CONTAINER…].               
$ docker unpause [OPTIONS] CONTAINER [CONTAINER...]
  • docker pause :暂停容器中所有的进程。
  • docker unpause :恢复容器中所有的进程。

06.docker create:创建一个新的容器但不启动它

$ docker create [OPTIONS] IMAGE [COMMAND] [ARG...]

语法同 docker run

07. docker exec :在运行的容器中执行命令

docker exec [OPTIONS] CONTAINER COMMAND [ARG...]
  • -d :分离模式: 在后台运行
  • -i :即使没有附加也保持STDIN 打开
  • -t :分配一个伪终端

第二大部分 容器操作

01.docker ps: 列出容器

$ docker ps [OPTIONS]
  • -a :显示所有的容器,包括未运行的。
  • -f :根据条件过滤显示的内容。
  • --format :指定返回值的模板文件。
  • -l :显示最近创建的容器。
  • -n :列出最近创建的n个容器。
  • --no-trunc :不截断输出。
  • -q :静默模式,只显示容器编号。
  • -s :显示总的文件大小。


Notice:

可以看到加对应的-q 可以只输出容器的编号,这样 我们就可以进行组合命令了
>>>    $ docker rm docker ps -aq    删除所有的容器  
(因为linux可以进行命令嵌套,是的命令更加灵活)

02 .docker inspect: 获取容器/镜像的元数据。

$ docker inspect [OPTIONS] CONTAINER|IMAGE [CONTAINER|IMAGE...]
  • -f :指定返回值的模板文件。
  • -s :显示总的文件大小。
  • --type :为指定类型返回JSON。


03 .docker top:查看容器中运行的进程信息,支持 ps 命令参数。

docker top [OPTIONS] CONTAINER [ps OPTIONS]

04 .docker attach:连接到正在运行中的容器。

docker attach [OPTIONS] CONTAINER
  • --sig-proxy=false :attach是可以带上--sig-proxy=false来确保CTRL-D或CTRL-C不会关闭容器

05 .docker events: 从服务器获取实时事件(少用)

docker events [OPTIONS]
  • -f :根据条件过滤事件;
  • --since :从指定的时间戳后显示所有事件;
  • --until :流水时间显示到指定的时间为止;

06. docker logs: 获取容器的日志

docker logs [OPTIONS] CONTAINER
  • -f : 跟踪日志输出
  • --since :显示某个开始时间的所有日志
  • -t : 显示时间戳
  • --tail :仅列出最新N条容器日志

07. docker wait : 阻塞运行直到容器停止,然后打印出它的退出代码。(少用)

docker wait [OPTIONS] CONTAINER [CONTAINER...]

08 .docker export:将文件系统作为一个tar归档文件导出到STDOUT。(少用)

docker export [OPTIONS] CONTAINER
  • -o :将输入内容写到文件。

第三大部分 容器rootfs命令(不常用)

01 .docker commit:从容器创建一个新的镜像。(少用)

docker commit [OPTIONS] CONTAINER [REPOSITORY[:TAG]]
  • -a :提交的镜像作者;
  • -c :使用Dockerfile指令来创建镜像;
  • -m :提交时的说明文字;
  • -p :在commit时,将容器暂停。

02.docker cp:用于容器与主机之间的数据拷贝。(少用)

docker cp [OPTIONS] CONTAINER:SRC_PATH DEST_PATH|-
docker cp [OPTIONS] SRC_PATH|- CONTAINER:DEST_PATH
  • -L :保持源目标中的链接

03.docker diff : 检查容器里文件结构的更改。(少用)

docker diff [OPTIONS] CONTAINER

第三大部分 镜像仓库

请参考阿里hub的指引

01.Docker login/logout 命令(参考阿里hub)

02.Docker pull 命令

docker pull [OPTIONS] NAME[:TAG|@DIGEST]
  • -a :拉取所有 tagged 镜像
  • --disable-content-trust :忽略镜像的校验,默认开启

03.docker push : 将本地的镜像上传到镜像仓库,要先登陆到镜像仓库

docker push [OPTIONS] NAME[:TAG]
  • --disable-content-trust :忽略镜像的校验,默认开启

04.docker search : 从Docker Hub查找镜像

docker search [OPTIONS] TERM
  • --automated :只列出 automated build类型的镜像;
  • --no-trunc :显示完整的镜像描述;
  • -s :列出收藏数不小于指定值的镜像。

第四大部分 本地镜像管理

01.docker images: 列出本地镜像。

docker images [OPTIONS] [REPOSITORY[:TAG]]
  • -a :列出本地所有的镜像(含中间映像层,默认情况下,过滤掉中间映像层);
  • --digests :显示镜像的摘要信息;
  • -f :显示满足条件的镜像;
  • --format :指定返回值的模板文件;
  • --no-trunc :显示完整的镜像信息;
  • -q :只显示镜像ID。

02.docker rmi: 删除本地一个或多少镜像。

docker rmi [OPTIONS] IMAGE [IMAGE...]
  • -f :强制删除;
  • --no-prune :不移除该镜像的过程镜像,默认移除;

03. docker tag : 标记本地镜像,将其归入某一仓库。

docker tag [OPTIONS] IMAGE[:TAG] [REGISTRYHOST/][USERNAME/]NAME[:TAG]

04. docker build: 使用Dockerfile创建镜像。

docker build [OPTIONS] PATH | URL | -
  • --build-arg=[] :设置镜像创建时的变量;
  • --cpu-shares :设置 cpu 使用权重;
  • --cpu-period :限制 CPU CFS周期;
  • --cpu-quota :限制 CPU CFS配额;
  • --cpuset-cpus :指定使用的CPU id;
  • --cpuset-mems :指定使用的内存 id;
  • --disable-content-trust :忽略校验,默认开启;
  • -f :指定要使用的Dockerfile路径;
  • --force-rm :设置镜像过程中删除中间容器;
  • --isolation :使用容器隔离技术;
  • --label=[] :设置镜像使用的元数据;
  • -m :设置内存最大值;
  • --memory-swap :设置Swap的最大值为内存+swap,"-1"表示不限swap;
  • --no-cache :创建镜像的过程不使用缓存;
  • --pull :尝试去更新镜像的新版本;
  • -q :安静模式,成功后只输出镜像ID;
  • --rm :设置镜像成功后删除中间容器;
  • --shm-size :设置/dev/shm的大小,默认值是64M;
  • --ulimit :Ulimit配置。

05.docker history: 查看指定镜像的创建历史。

docker history [OPTIONS] IMAGE
  • -H :以可读的格式打印镜像大小和日期,默认为true;
  • --no-trunc :显示完整的提交记录;
  • -q :仅列出提交记录ID。

06.docker save: 将指定镜像保存成 tar 归档文件。

docker save [OPTIONS] IMAGE [IMAGE...]
  • -o :输出到的文件。

07.docker import: 从归档文件中创建镜像。

docker import [OPTIONS] file|URL|- [REPOSITORY[:TAG]]
  • -c :应用docker 指令创建镜像;
  • -m :提交时的说明文字;

docker实战篇之docker基本使用

docker 镜像基本使用和创建镜像

1. 获取镜像

笔者已经把docker-registry的镜像源修改为阿里hub网址dev.aliyun.com/search.html

从 Docker Registry 获取镜像的命令是 docker pull。其命令格式为:

docker pull [选项] [Docker Registry地址]<仓库名>:<标签>

具体的选项可以通过 docker pull --help 命令看到,这里我们说一下镜像名称的格式。

  • Docker Registry地址:地址的格式一般是 <域名/IP>[:端口号]。默认地址是 Docker Hub。
  • 仓库名:如之前所说,这里的仓库名是两段式名称,既 <用户名>/<软件名>。对于 Docker Hub,如果不给出用户名,则默认为 library,也就是官方镜像。
$ docker pull ubuntu:14.04
14.04: Pulling from library/ubuntu
bf5d46315322: Pull complete
9f13e0ac480c: Pull complete
e8988b5b3097: Pull complete
40af181810e7: Pull complete
e6f7c7e5c03e: Pull complete
Digest: sha256:147913621d9cdea08853f6ba9116c2e27a3ceffecf3b492983ae97c3d643fbbe
Status: Downloaded newer image for ubuntu:14.04

上面的命令中没有给出 Docker Registry 地址,因此将会从 Docker Hub 获取镜像。而镜像名称是 ubuntu:14.04,因此将会获取官方镜像 library/ubuntu 仓库中标签为 14.04 的镜像。

从下载过程中可以看到我们之前提及的分层存储的概念,镜像是由多层存储所构成。下载也是一层层的去下载,并非单一文件。下载过程中给出了每一层的 ID 的前 12 位。并且下载结束后,给出该镜像完整的 sha256 的摘要,以确保下载一致性。

2. 运行镜像

$ docker run -it --rm ubuntu:14.04 bash
[email protected]:/# cat /etc/os-release
NAME="Ubuntu"
VERSION="14.04.5 LTS, Trusty Tahr"
ID=ubuntu
ID_LIKE=debian
PRETTY_NAME="Ubuntu 14.04.5 LTS"
VERSION_ID="14.04"
HOME_URL="http://www.ubuntu.com/"
SUPPORT_URL="http://help.ubuntu.com/"
BUG_REPORT_URL="http://bugs.launchpad.net/ubuntu/"
[email protected]:/# exit
exit
$

docker run 就是运行容器的命令,具体格式我们会在后面的章节讲解,我们这里简要的说明一下上面用到的参数。

  • -it:这是两个参数,一个是 -i:交互式操作,一个是 -t 终端。我们这里打算进入 bash 执行一些命令并查看返回结果,因此我们需要交互式终端。
  • --rm:这个参数是说容器退出后随之将其删除。默认情况下,为了排障需求,退出的容器并不会立即删除,除非手动 docker rm。我们这里只是随便执行个命令,看看结果,不需要排障和保留结果,因此使用 --rm 可以避免浪费空间。
  • ubuntu:14.04:这是指用 ubuntu:14.04 镜像为基础来启动容器。
  • bash:放在镜像名后的是命令。这里我们希望有个交互式 Shell,因此用的是 bash(开启一个人机交互的窗口)。

容器后,我们可以在 Shell 下操作,执行任何所需的命令。这里,我们执行了 cat /etc/os-release,这是 Linux 常用的查看当前系统版本的命令,从返回的结果可以看到容器内是 Ubuntu 14.04.5 LTS 系统。

最后我们通过 exit 退出了这个容器。

3. 列出镜像

要想列出已经下载下来的镜像,可以下面命令。

$ docker images

镜像体积

如果仔细观察,会注意到,这里标识的所占用空间和在 Docker Hub 上看到的镜像大小不同。因为 Docker Hub 中显示的体积是压缩后的体积。

虚悬镜像

镜像既没有仓库名,也没有标签,均为 <none>。

<none>               <none>              00285df0df87        5 days ago          342 MB

随着官方镜像维护,发布了新版本后,重新 docker pull mongo:3.2 时,mongo:3.2 这个镜像名被转移到了新下载的镜像身上,而旧的镜像上的这个名称则被取消,从而成为了 <none>。

一般来说,虚悬镜像已经失去了存在的价值,是可以随意删除的,可以用下面的命令删除。

# 删除所有的虚悬镜像
$ docker rmi $(docker images -q -f dangling=true)

# 删除制定镜像
$ docker rmi images-id

中间层镜像

为了加速镜像构建、重复利用资源,Docker 会利用 中间层镜像。
所以在使用一段时间后,可能会看到一些依赖的中间层镜像。默认的 docker images 列表中只会显示顶层镜像,如果希望显示包括中间层镜像在内的所有镜像的话,需要加 -a 参数。

$ docker images -a

这样会看到很多无标签的镜像,与之前的虚悬镜像不同,这些无标签的镜像很多都是中间层镜像,是其它镜像所依赖的镜像。这些无标签镜像不应该删除,否则会导致上层镜像因为依赖丢失而出错。实际上,这些镜像也没必要删除,因为之前说过,相同的层只会存一遍,而这些镜像是别的镜像的依赖,因此并不会因为它们被列出来而多存了一份,无论如何你也会需要它们。只要删除那些依赖它们的镜像后,这些依赖的中间层镜像也会被连带删除。

列出部分镜像

根据仓库名列出镜像

$ docker images ubuntu

列出特定的某个镜像,也就是说指定仓库名和标签

$ docker images ubuntu:16.04

4. commit 镜像构成

现在让我们以定制一个 Web 服务器为例子,来讲解镜像是如何构建的。

docker run --name webserver -d -p 80:80 nginx
  • -d, --daemon=false:开启Daemon模式(守护进程)。

守护进程值得是系统长期运行的后台进程,类似Windows服务。(注意:守护进程肯定是后台进程的)

开启交互窗口

$ docker exec -it webserver bash

[email protected]:/# echo 'cjw' > /usr/share/nginx/html/index.html
[email protected]:/# exit
exit

查看容器的存储层的变动:docker diff

$ docker diff webserver
C /root
A /root/.bash_history
C /run
C /usr
C /usr/share
C /usr/share/nginx
C /usr/share/nginx/html
C /usr/share/nginx/html/index.html
C /var
C /var/cache
C /var/cache/nginx
A /var/cache/nginx/client_temp
A /var/cache/nginx/fastcgi_temp
A /var/cache/nginx/proxy_temp
A /var/cache/nginx/scgi_temp
A /var/cache/nginx/uwsgi_temp

要知道,当我们运行一个容器的时候(如果不使用卷的话),我们做的任何文件修改都会被记录于容器存储层里。而 Docker 提供了一个 docker commit 命令,可以将容器的存储层保存下来成为镜像。换句话说,就是在原有镜像的基础上,再叠加上容器的存储层,并构成新的镜像。以后我们运行这个新镜像的时候,就会拥有原有容器最后的文件变化。

docker commit 的语法格式为:

 docker commit [选项] <容器ID或容器名> [<仓库名>[:<标签>]]

 $ docker commit \
    --author "Tao Wang <[email protected]>" \
    --message "修改了默认网页" \
    webserver \
    nginx:v2

慎用 docker commit

使用 docker commit 命令虽然可以比较直观的帮助理解镜像分层存储的概念,但是实际环境中并不会这样使用。

ps: 因为Docker是分层存储,而docker commit只是在原来的一层再构建一层。最简单的操作,如果是安装软件包、编译构建,那会有大量的无关内容被添加进来,如果不小心清理,将会导致镜像极为臃肿。

此外,使用 docker commit 意味着所有对镜像的操作都是黑箱操作,生成的镜像也被称为黑箱镜像,换句话说,就是除了制作镜像的人知道执行过什么命令、怎么生成的镜像,别人根本无从得知。而且,即使是这个制作镜像的人,过一段时间后也无法记清具体在操作的。虽然 docker diff 或许可以告诉得到一些线索,但是远远不到可以确保生成一致镜像的地步。这种黑箱镜像的维护工作是非常痛苦的。

docker实战篇之docker的安装

具体的安装方案全部都在阿里hub中

直接登录阿里hub,然后在docker hub 镜像站点中有docker的安装方式。

  • 有ubuntu版本
  • 有centOS版本
  • 有windows版本
  • 有mac版本

其中在阿里云中,里面有一下文档:

  1. 如何配置加速器
  2. 如何建立docker仓库
  3. 如何把自己封装的镜像传送到阿里仓库中。

阿里云地址

dev.aliyun.com
登录之后可以看见,傻瓜式操作,记得切换镜像源

docker实战篇之docker的前世今生

Docker的认知 和 三大概念(镜像/容器/仓库)

1. 什么是docker

Docker 使用 Google 公司推出的Go 语言进行开发实现,基于 Linux 内核的 cgroup,namespace,以及 AUFS 类的 Union FS 等技术,对进程进行封装隔离,属于操作系统层面的虚拟化技术。由于隔离的进程独立于宿主和其它的隔离的进程,因此也称其为容器

最初实现是基于 LXC,从 0.7 以后开始去除 LXC,转而使用自行开发的 libcontainer,从 1.11 开始,则进一步演进为使用 runC和 containerd。

Docker 在容器的基础上,进行了进一步的封装,从文件系统、网络互联到进程隔离等等,极大的简化了容器的创建和维护。使得 Docker 技术比虚拟机技术更为轻便、快捷

比较Docker 和传统虚拟化方式的不同之处:传统虚拟机技术是虚拟出一套硬件后,在其上运行一个完整操作系统,在该系统上再运行所需应用进程;而容器内的应用进程直接运行于宿主的内核,容器内没有自己的内核,而且也没有进行硬件虚拟。因此容器要比传统虚拟机更为轻便。

2. Docker技术与虚拟化技术相比?

  1. 更高效的利用系统资源——无需额外系统开销
  2. 更快速的启动时间——秒级启动时间
  3. 一致的运行环境
  4. 持续交付和部署
  5. 更轻松的迁移
  6. 更轻松的维护和扩展——扩展自己docker镜像

对比传统虚拟机总结

特性容器虚拟机
启动秒级分钟级
硬盘使用一般为 MB一般为 GB
性能接近原生弱于
系统支持量单机支持上千个容器一般几十个

三大概念

1. Docker镜像

掌握: 什么叫做分层存储?

我们都知道,操作系统分为内核和用户空间。对于 Linux 而言,内核启动后,会挂载 root 文件系统为其提供用户空间支持。而 Docker 镜像(Image),就相当于是一个 root 文件系统。比如官方镜像 ubuntu:14.04 就包含了完整的一套 Ubuntu 14.04 最小系统的 root 文件系统。

Docker 镜像是一个特殊的文件系统,除了提供容器运行时所需的程序、库、资源、配置等文件外,还包含了一些为运行时准备的一些配置参数(如匿名卷、环境变量、用户等)。镜像不包含任何动态数据,其内容在构建之后也不会被改变。

分层存储(重点)

因为镜像包含操作系统完整的 root 文件系统,其体积往往是庞大的,因此在 Docker 设计时,就充分利用 Union FS 的技术,将其设计为分层存储的架构。所以严格来说,镜像并非是像一个 ISO 那样的打包文件,镜像只是一个虚拟的概念,其实际体现并非由一个文件组成,而是由一组文件系统组成,或者说,由多层文件系统联合组成。

镜像构建时,会一层层构建,前一层是后一层的基础。每一层构建完就不会再发生改变,后一层上的任何改变只发生在自己这一层。 比如,删除前一层文件的操作,实际不是真的删除前一层的文件,而是仅在当前层标记为该文件已删除。在最终容器运行的时候,虽然不会看到这个文件,但是实际上该文件会一直跟随镜像。因此,在构建镜像的时候,需要额外小心,每一层尽量只包含该层需要添加的东西,任何额外的东西应该在该层构建结束前清理掉。

分层存储的特征还使得镜像的复用、定制变的更为容易。甚至可以用之前构建好的镜像作为基础层,然后进一步添加新的层,以定制自己所需的内容,构建新的镜像。
关于镜像构建,将会在后续相关章节中做进一步的讲解。

2. Docker 容器

掌握: 什么是容器存储层?它的生命周期? 另外注意一下数据卷的作用。

镜像(Image)和容器(Container)的关系,就像是面向对象程序设计中的类和实例一样,镜像是静态的定义,容器是镜像运行时的实体。容器可以被创建、启动、停止、删除、暂停等。

容器的实质是进程,但与直接在宿主执行的进程不同,容器进程运行于属于自己的独立的 命名空间。因此容器可以拥有自己的 root 文件系统、自己的网络配置、自己的进程空间,甚至自己的用户 ID 空间。容器内的进程是运行在一个隔离的环境里,使用起来,就好像是在一个独立于宿主的系统下操作一样。这种特性使得容器封装的应用比直接在宿主运行更加安全。也因为这种隔离的特性,很多人初学 Docker 时常常会把容器和虚拟机搞混。

前面讲过镜像使用的是分层存储,容器也是如此。每一个容器运行时,是以镜像为基础层,在其上创建一个当前容器的存储层,我们可以称这个为容器运行时读写而准备的存储层为容器存储层

容器存储层的生存周期和容器一样,容器消亡时,容器存储层也随之消亡。因此,任何保存于容器存储层的信息都会随容器删除而丢失。

按照 Docker 最佳实践的要求,容器不应该向其存储层内写入任何数据,容器存储层要保持无状态化。所有的文件写入操作,都应该使用 数据卷(Volume)、或者绑定宿主目录,在这些位置的读写会跳过容器存储层,直接对宿主(或网络存储)发生读写,其性能和稳定性更高。

数据卷的生存周期独立于容器,容器消亡,数据卷不会消亡。因此,使用数据卷后,容器可以随意删除、重新 run,数据却不会丢失。

3. docker仓库(Repository)

如果某个镜像需要在其他的服务器上运行,则此刻需要Docker Registry 提供服务,来集中的存储和分发镜像。

一个 Docker Registry 中可以包含多个仓库(Repository);每个仓库可以包含多 个标签(Tag);每个标签对应一个镜像。

一般而言,一个仓库包含的是同一个软件的不同版本的镜像,而标签则用于对应于 软件的的不同版本。我们可以通过 的格式来指定具体是哪个版 本的镜像。如果不给出标签,将以 作为默认标签。

Docker Registry 公开服务

最常使用的 Registry 公开服务是官方的 Docker Hub,这也是默认的 Registry,并 拥有大量的高质量的官方镜像。

由于某些原因,在国内访问这些服务可能会比较慢。 常见 的有 阿里云加速器、DaoCloud 加速器、灵雀云加速器等

国内也有一些云服务商提供类似于 Docker Hub 的公开服务。比如 时速云镜像仓 库、网易云镜像服务、DaoCloud 镜像市场、阿里云镜像库等。

私有 Docker Registry

除了使用公开服务外,用户还可以在本地搭建私有 Docker Registry。Docker 官方 提供了 Docker Registry 镜像,可以直接使用做为私有 Registry 服务。在后续的相 关章节中,会有进一步的搭建私有 Registry 服务的讲解。

vue.js中子组件向父组件传值

最近在写vue.js的时候感觉有好多可以分享的东西,但是一直没时间,今天来分享一点点小技巧。

先说父组件里面的写法,引入子组件

import userInfo from './components/userInfo'

然后在使用的使用用监听子组件中的updateUserStatus,并传值给父组件中的updateData方法

<user-info v-on:updateUserStatus="updateData"></user-info>

这是父组件中的updateData方法

    updateData: function(msg) {
        // 关闭弹出页
        this.dialogFormVisible = false
        // 如果禁用成功
        if (msg === 200) {
          // 循环列表找到被禁用的数据移出数组
          for (const v of this.list) {
            if (v.user_guid === this.temp.user_guid) {
              const index = this.list.indexOf(v)
              this.list.splice(index, 1)
              break
            }
          }
        }
      }

父组件介绍完了,咱们看看子组件的写法

当点击禁用的时候出发一个函数updateUserStatus

<el-button style="width: 100%" type="danger" @click="updateUserStatus()">禁用</el-button>

updateUserStatus()的内容是

  methods: {
    update() {
      // 开启loading
      this.listLoading = true
      // 封装好的请求接口
      updateUser(this.listQuery).then(response => {
        if (response && (response.ServerNo === 200)) {
          this.$notify({
            title: '成功',
            message: '禁用成功',
            type: 'success',
            duration: 2000
          })
          // 【重点】向updateUserStatus发送一个参数,值为200,父组件一直在监听这里,后面的200就是需要向父组件传送的值
          this.$emit('updateUserStatus', 200)
        } else {
          this.$notify({
            title: '失败',
            message: '禁用失败',
            type: 'error',
            duration: 2000
          })
          this.$emit('updateUserStatus', 400)
        }
        this.listLoading = false
      })
    },
    updateUserStatus() {
      // 获取用户的guid
      this.listQuery.member_id = this.userInfo.user_guid
      this.update()
    }
  }

就这样就简单的实现了子组件向父组件传值了

最新文章

最近回复

  • :怎么生成带logo的二维码呀????
  • zirmi:哎呀,你的域名爆破工具 输入的字符不够啊
  • 小余:二维码如何弄啊,哥
  • 裤衩哥:可以要你的菊花吗?
  • admin:楼上+1
  • admin:吃瓜群众 为 落魂 打call
  • :牛逼了..........
  • 帮帮:厉害!谢谢了朋友!解决了我的问题。
  • 落魂:好多小伙伴找我要这个CSS样式,其实这个是使用的一套模块!大家可...
  • 星辰:您好,博主,有错误提示页面的css样式吗?

分类

归档

友情链接