摘要：
气泡弹出框： 一般有三种触发形式：hover, click 和 focus，在弹框中可以自定义内容，比较多变。 如上，比如我们通过click点击来控制气泡的显示隐藏，当点击测试div时，气泡显示，再点击页面任意位置或者测试div时，气泡会隐藏，但有时候我们需要不触发它的点击事件而是手动来控制气泡的显 阅读全文
摘要：
在项目中使用axios请求接口时，可以直接使用this.$axios来做， 也可以通过封装axios的get、post、请求拦截等方法，然后可以将接口都写在一个api.js文件中，在vue文件里导入在api里需要用到的接口，然后使用async/await来调用方法，获取数据。 实现代码： 1.mai 阅读全文
摘要：
创建了vue-cli3脚手架项目之后，需要自己新建一个vue.config.js文件，然后配置axios，就可以请求接口获取数据了。 实现代码： 1.vue.config.js：设置反向代理，解决跨域 proxy: { '/api': { target: '请求地址', secure: false, 阅读全文
摘要：
display常设置的几个值：block，inline，inline-block，none等。 inline-block特性： 1.具有行内元素的特性，元素均在一行显示； 2.具有块级元素的特性，可以设置width,height,padding,margin等； 3.元素之间会留有空隙，因为会解析代 阅读全文
摘要：
实现效果： 如上所示，显示的是贵州省的地图，且分为三种图标，表示的是三种不同类型，根据经纬度显示具体位置。 实现代码： 1.html: <div id="distributionDiv"></div> 2.js： 引入三个图片，引入贵州省的一个json文件，这个自己百度即可，使用json文件注册贵州 阅读全文
摘要：
实现效果： 如上所示，对活动名称设置了三个校验规则，分别为必填项，长度为3~4个字符，需要为数字/英文字母。 代码如下： 1.html： <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" clas 阅读全文
摘要：
之前页面布局经常使用的是float+position，但是有个问题就是，给元素设置float会脱离文档流，就相当于是在页面中不再占有位置，只是飘在该位置上面。 原理与position类似。 页面效果： 期望效果： 实现代码： 1.html： <div class="contrainer"> <div 阅读全文
摘要：
在说回调函数之前，先说下函数把，就是函数调用是通过函数名+（）来做的，那函数名表示什么呢？ 函数名表示该函数的指针，不加（）时只表示获取到该函数，并未调用，所以函数不可以重载，若是函数名称一样，之后的会覆盖之前的。 回调函数： 通过将函数名作为另一个函数的参数，在另一个函数中被调用，这个函数就被称为 阅读全文
摘要：
有时候我们经常需要一些动态的过渡，比如列表元素的变化，只是若是只有数据改变显得有些生硬，需要一些过渡的效果。 如果使用v-for获取的所有元素，使用transition-group实现过渡效果。 实现代码： 1.html： <transition-group class="all_net_data 阅读全文
摘要：
有时我们需要使用到el-tree，即树形控件，但大多数时候我们是需要对它进行一些样式及数据的改变的。 操作： 1.在label前添加指定图标： <span class="custom-tree-node" slot-scope="{ node, data }"> <div class="word_s 阅读全文