el-button点击之后边框没了

一、前言
我们在开发vue页面的时候，经常会需要用到一些el-dialog对话框的场景。比如新增功能、修改详情、上传或下载附件等，在原父页面点击功能按钮d出对应对话框，一般在 *** 作完之后我们才会去点击关闭或取消按钮，以关闭对话框。然而，有个问题是我们在el-dialog界面 *** 作或编辑时，不小心鼠标点击了外部空白处时，没有点击关闭按钮就发现对话框消失了！导致编辑或修改的信息中途就中断了，如何解决？
二、背景
element组件库的Dialog对话框默认可以通过点击 modal 关闭 Dialog，即点击空白处d框可关闭。
属性

三、解决
解决这个问题也很简单，只需要一行代码即可。在<el-dialog 的定义处添加如下一行代码：
:close-on-click-modal="false"
只需要添加上述一行代码，即设置该对话框的上述属性值为false，点击空白处不消失。

vue添加的方法如下：
1、打开Vue，点击左下角“+”选项；
2、然后在出现的页面里点击左上角“视频”按钮，就可以去其他文件夹里选择照片进行添加编辑了。
VUE是iOS和Android平台上的一款手机视频拍摄与美化工具，允许用户通过简单的 *** 作实现视频的拍摄、导入视频的剪辑、表现力的细调、改变滤镜、加贴纸和背景音乐等功能，轻松在手机上拍出大片的质感，实时记录与分享生活。
2018年7月5日，VUE正式上线20版本，推出短视频社区功能。随着手机摄像头的发展，越来越多的人开始使用手机拍照和摄像。摄像一般来说要比拍照门槛高，但是视频传播的信息量又远大于照片。VUE就诞生在这样的背景下，希望用拍照一样简单的 *** 作，帮助用户在手机上拍摄精美的短视频。

闪烁问题就是我们在使用插值表达式的时候，我们刷新页面会发现页面是先显示{{name}}然后在迅速转换成小何程序员文字
原因
原因就是浏览器是从上到下的解析html执行代码的，所以当浏览器执行到
<div id="app">{{name}}</div>
1
1
这句代码的时候vue还没有引入也还没有执行，所以就直接将插值表达式显示了，后面执行到script以后vue就立刻将name进行替换，所以出现了闪烁现在
那么解决这个问题也很简单 直接使用v-clock指令即可

插件通常用来为 Vue 添加 全局功能 ，所谓全局即不需要像组件那样，每次使用他前都需要先引入一次。对于插件只要在 最开始引入一次，在任何组件就可以直接使用 。（类似于我们在window上添加的方法属性那样，任何地方都可以用）
下面几种常见的用途：

主要两种使用方式
一：全局引入方式
（1）使用步骤
通过全局方法 Vueuse() 使用插件。它需要在你调用 new Vue() 启动应用之前完成

也可以传入一个可选的选项对象：

（2）在mainjs中配置
比如：使用element-ui为例：

组使用件中

二：组件引入方式
比如，以使用 swiper为例

组件中使用

vue插件其实就是一个简单的 js对象而已 ，然后这个插件对象有一个公开属性 install ，他的值为一个函数，此函数接受两个参数。第一个参数是 Vue 构造器 , 第二个参数是一个可选的选项对象。
一：开发插件有四种方法

二：添加实例方法
其中最常用的：4 添加实例方法的写法和使用方法，下面举例说明toast 最简单插件开发过：
（1）新建一个plugin目录，编辑插件toastjs文件

（2）在 mainjs 中，需要导入 toastjs 并且通过全局方法 Vueuse() 来使用插件

（3）我们在组件中来获取该插件定义的 $msg 属性，比如在根组件Appvue中

控制台输出：Hello World
三：添加全局资源
这里主要介绍过滤器
（1）在plugin目录新建插件filterjs文件

（2）在 mainjs 中，需要导入 filterjs 并且通过全局方法 Vueuse() 来使用插件

（3）HelloWorldvue页面上使用

添加全局资源也可以不放在插件里面实现，可以直接在mainjs入口文件创建Vue实例前添加：

其他组件就可以通过this直接使用:

（1）核心区别

简单来说，插件就是指对Vue的功能的增强或补充。
（2）其他区别

一个Vue插件可以是一堆Vue组件的集合（插件干的事就是把内部的组件帮你倒入到vue全局下），也可以是用来扩展Vue功能的，比如 Vuex， Vue-Router。

测试完成，下面就要把的内容打包发布到npm 上去,具体步骤可以参照
>vue添加的方法如下：
1、打开Vue，点击左下角“+”选项；
2、然后在出现的页面里点击左上角“视频”按钮，就可以去其他文件夹里选择照片进行添加编辑了。
VUE是iOS和Android平台上的一款手机视频拍摄与美化工具，允许用户通过简单的 *** 作实现视频的拍摄、导入视频的剪辑、表现力的细调、改变滤镜、加贴纸和背景音乐等功能，轻松在手机上拍出大片的质感，实时记录与分享生活。
2018年7月5日，VUE正式上线20版本，推出短视频社区功能。随着手机摄像头的发展，越来越多的人开始使用手机拍照和摄像。摄像一般来说要比拍照门槛高，但是视频传播的信息量又远大于照片。VUE就诞生在这样的背景下，希望用拍照一样简单的 *** 作，帮助用户在手机上拍摄精美的短视频。

您好，您可以使用ant-design-vue的width属性来设置下拉框的宽度，例如：<el-select width="200px"></el-select>，其中200px为您想要设置的宽度，您也可以使用百分比来设置，例如：<el-select width="50%"></el-select>，其中50%为您想要设置的宽度。此外，您还可以使用CSS来设置下拉框的宽度，例如：el-select {width: 200px;}，其中200px为您想要设置的宽度。

---