首先这个是承接上个博客中创建的china.json,并在main.js的注册一下.initCityDataPic () {let obj = darkthis.$echarts.registerTheme('dark', obj)//上面的两段是我自己设置的暗色系主题，不需要可以注释掉let...

IP,掩码,网关的校验/*** 判断是否为空*/export function validatenull(val) {if (typeof val === 'boolean') {return false}if (typeof val === 'number') {return false}if (val instanceof Array) {if (val.length === 0) {retu

项目需要新开一个页面,并且在这个页面数据改变时候,父页面需要做相关判断并刷新,尝试过vuex解决,发现vuex刷新失效查阅相关文档发现vuex无法持久化,vuex适合组件传值,并不适合页面之间传值,于是将vuex和localStorage结合,从而解决vuex的持久化问题,1.在vuex的common.js中定义一个isRefresh,用来控制父页面的刷新状态,当监听到新开的页面中的数据改...

项目需要接入这样的图1.引入echarts等,就不用多说了.2.copy代码3.我们会发现浏览器报错,⑴第一种错误[Vue warn]: Error in nextTick: "TypeError: api.coord is not a function"在echarts中搜索api,然后打印,找到这个coord方法然后在项目代码中打印这个api然后看接着找问题,看配置代码...

项目有个地方需要在form中使用select下拉选择框,选择的时候同时传两个数据,例如我选择软件名称,需要我同时传form.softId和form.softName.这两个select的数据都是动态获取的.解决方法是给这两个select框添加change事件,当下拉选项改变时,使用filter()方法返回包含这个值的对象,然后再给form赋值,如:...

需要实现的效果是图标为svg,可以根据选中状态变色.首先我们需要下包npm install vue2-svg-icon --save-dev//下包操作然后你的package.json里面就会出现这个配置.然后main.js里面注册一下import Icon from 'vue2-svg-icon/Icon'Vue.component('icon',Icon);然后在sr...

项目中需要加一个预约功能,需要周一至周日期间,在老师指定的固定时间内学生才可以预约,但是不需要指定日期.首先需要下载Fullcalendar以及相关配置npm install @fullcalendar/core @fullcalendar/daygrid @fullcalendar/timegrid @fullcalendar/moment @fullcalendar/interactio...

门户项目中需要进入后台操作门户界面的排版,考虑到使用的方便,于是采用了拖拽插件------vue-slicksort//首先npm插件$ npm install vue-slicksort --save//引入组件import { SlickList, SlickItem } from 'vue-slicksort'//注册组件components: {...

显示效果如上图所示,点击开始测试后,会默认测30次连接当前网址,然后根据状态给出时延和丢包结果(平均速度,最大速度,最小速度也可以得出),<template><div class="speed-test"><el-dialog title="测试网络环境" :visible.sync="speedOpen" width="30%" :close-o...

项目需要动态生成面包屑导航,并且首页可以点击.其余为路径显示<el-menu :unique-opened="true" router :default-active="$route.path" @select="handleSelect"><div class="user-menu-box" v-for="menu in menus" :key="menu...