ElementUI

表单验证 // 整个表单验证 this.$refs.dialogRef.validate(()=>{}); // 单个字段 code是字段 this.$refs.dialogRef.validateField('code',()=>{}) 表单验证rule rules:{ code: [ { required: true, message: "请输入商品编码", trigger: "blur" }, { min: 1, max: 20, message: "编码为数字、英文(不区分大小写),...

read more..

Electron-vue

需要运行环境和打包程序 npm i -g electron npm i -g electron-builder 项目安装 vue init simulatedgreg/electron-vue my-project 其中–platform是配置打包成什么平台的安装文件,下面是可选的值 win系统: win或者win32,即–platform=win或者–platform=win32mac系统:mac或者darwin,即–platform=mac或者–platform=darwinLinux系统:linux, 即–platfor...

read more..

Vue中EXCEL的导入导出

import FileSaver from 'file-saver' import XLSX from 'xlsx' 导入 <el-upload class="upload-demo" drag action="https://jsonplaceholder.typicode.com/posts/" multiple accept=".xlsx" :on-exceed="exceed" :limit="1" :on-remove="remove" :http-request="uploadFile" > <i class="el-icon-upload"></i> ...

read more..

Vue打印

在vue中使用浏览器的打印功能 npm install vue-print-nb import Print from 'vue-print-nb' Vue.use(Print) 第一种: <div id="printTest" >      <h1>WISHMELZZZZ</h1> </div> <button v-print="'#printTest'">打印</button> 第二种: <button v-print="printObj">Print local range</button> printObj: { id: 'printTest', //范围的ID popT...

read more..

Vue反向代理

module.exports = { devServer: { proxy: { "/api":{ //项目中的接口 target:"http://xxx.com", // 对应的反向代理的网址 pathRewrite:{ "^/api":"/api" //对应的接口 } } } }

read more..

Vue的地图插件vue-amap

https://github.com/ElemeFE/vue-amap 使用配置 npm i vue-amap import VueAMap from 'vue-amap'; Vue.use(VueAMap); VueAMap.initAMapApiLoader({ // 高德的key key: 'be2262deadf45267aed6f6e7rty3ba0', // 插件集合 plugin: [ "AMap.Autocomplete", //输入提示插件 "AMap.PlaceSearch", //POI搜索插件 "AMap.Scale", //右下角缩略图插件 比例尺 "AMap.OverView", //地图...

read more..

Vue监听器

watch:{ // 参数一:修改后的值; // 参数二:修改之前的值 参数名字:function(newValue,oldValue){ // 操作 } } 比如监听每次跳转的路由 watch:{ $route(to,from){ console.log(to.path); } }, OR watch: { $route: { handler: function(val, oldVal){ console.log(val); }, // 深度观察监听 deep: true } },

read more..