业务程序中少不了需要使用大屏来展示统计的数据，推荐一个好用的Vue3数据大屏模板vue-datav-chart。vue-datav-chart是基于vue3.x+echarts+antv构建的数据可视化大屏展示模板，包含各种动态图表、地图展示等功能。用起来方便简单。演示地址：http://upholdjx.gitee.io/vue-datav-chart/#项目gitee地址：https://gitee.com/solovejack/big-screen-vue-datav使用方法：1.克隆项目gitclonehttps://gitee.com/upholdjx/vue-datav-chart.git#2.进入目录cdvue-datav-chart3.安装依赖npminstall4.本...[>>…]

    vue中要对一些<el-input>输入框进行数据校验，比如必须是数字，可以方便用@监听一些事件，比如keyup键盘弹起事件来重置input里面必须只是数字。如下： #html代码 <el-form-itemlabel="score"prop="score"> <el-inputv-model="form.score"placeholder="必须是整数"@keyup.native="checkInt"/> </el-form-item> <el-form-itemlabel="age"prop="age"> <el-inputv-model="form.age"placeholder="必须是整数"@keyup.native="checkInt"/> </el-form-item&g...[>>…]

    一次在使用vue调用后台API时发现前端未按预期加载出数据，但按执行流程确实是正常调用了配置的服务端API，后经过认真排查发现调用的服务端url里面出现了特殊的字符%E2%80%8B，示例：/api%E2%80%8B/getuser%E2%80%8B/score%E2%80%8B/。但从vue文件中并没有看到这些特殊字符。原来我的这段网址是从一个html页面上复制下来的，通过查看页面的源码发现确实就存在这些字符。但显示没有任何异样。    %E2%80%8B是个什么特殊字符呢？通过页面源码可以看到它就是&#8203;这个...[>>…]

    在使用VScode编辑时之前时不时地碰到输入代码只能更改不能插入的情况，即你输入字符只会替换光标前的字母，而不会在后面新增，就像是在word里进入了非insert模式。但此时通过按insert键并没有作用。出问题后切换一下页面或者做点别的什么回来又好使，一直没有找到原因，今天再次碰到这个情况时发现它和我在编辑的过程中使用了Ctrl+Space有关系。之所以在编辑的过程中使用快捷键Ctrl+Space，是因为我需要切换输入法。然而问题就是出在这里。    VSCode中的快捷键Ctrl+Spa...[>>…]

    Element-ui里要给select设定默认值，可以通过v-model绑定select的值，然后设置option的value即可。需要注意的是v-model绑定的值与option选项value值类型需要一致，不然下拉菜单可能默认显示具体的value值而不是对应的文本。如下示例： <el-form-item> <el-selectv-model="value"> <el-optionv-for="iteminitems":key="item.id":label="item.name":value="item.id"></el-option> </el-select> </el-form-item>     在进行表格展示的...[>>…]

    现在Vue开发中每个vue文件中都会使用Export，而在ES6以前的js开发中是没有这些库的。在ES6前端要实现模块化需要借助第三方js库，而现在ES6自带模块化(在ES6中一个js文件代表一个js模块module)，也是JS第一次支持module，可以直接用import和export在浏览器中导入和导出各个模块。    ES6，全称ECMAScript6.0，是JavaScript的下一个版本标准，2015.06发版。ES6主要是为了解决ES5的先天不足，比如JavaScript里并没有类的概念，ECMA是国际化标准组织（Europeancomputermanuf...[>>…]

    在vue中使用Elementtable组件时的时候，发现设置el-table-column为百分比，每一列都特别窄，根本不会达到预期效果。Vue中要将宽度设置成百分比的话，不能通过设置width来实现，而是要设置min-width，并且每一列都必须设置min-width。el-table组件会被vue解析成html，Vue直接把百分号去掉把数值当做列宽来呈现，且单位是px。    需要注意的是：width，min-width的原理都是将值百分比去掉变成px。可是min-width会按照比例分配剩余空间。并非直接算的百分比。（因此要每一...[>>…]

    使用Vue时发现程序中的import导入时有的用了花括号，有的未用。于是自己使用时就没有带上花括号，最后运行不起来，调试发现是缺少花括号的问题。 importIndexfrom'@/components/Index'; import{user}from'./modules/user'; importmessagefrom'./modules/message'; import导入(包括export:导出)模块使用花括号是ES6中的语法，而且分为几种情况：1.导入部分引入的是default不用花括号，非default时，要使用花括号。我上面的Index里面正是使用exportdefault的方法，而message则是用的exportcons...[>>…]

    执行下面的npm命令安装electron-reloader。慢的话使用cnpm吧，安装成功后，package.json内容会自动修改。 #安装electron-reloader npminstall--save-develectron-reloader #package.json内容自动修改如下 { #package.json会自动增加devDependencies这项 "devDependencies":{ "electron":"^9.1.0", "electron-reloader":"^1.0.1" } } 需要我们操作的一步就是在main.js（Electron项目入口文件）文件中增加如下代码： #main.js文件修改 const{app,BrowserWindow}=require('electron') //热加...[>>…]

    想试试桌面端的开发，但又不想去接触C#、WPF之类的语言，了解了一下，Electron是一个可以开发桌面端软件又和web开发有点关系的方案，Electron是由Github开发，基于Chromium和Node.js，使用JavaScript、HTML和CSS等Web技术创建跨平台原生桌面应用的框架。兼容Mac、Window和Linux，它构建的应用可在这三个操作系统上面运行，借助Electron，我们可以使用纯JavaScript来调用丰富的原生APIs。    Electron的开发环境搭建，我这里是Windows10，需要安装的环境包括Python、node...[>>…]