zyf的博客

前言： vue项目开发中没有统一管理http、https响应的入口配置因此为方便处理统一管理需要去构建一个统一接收响应的入口处理提示信息错误项目开发中一般会有统一的http路由管理文件方便管理所有请求接口```// 安装axiosnpm install --save-dev axios// 在http请求文件引入import axios from 'axios';axios.int...

个人使用 vuex 的管理方式state ：对数据的全局存储getter： 可以理解为computed ，对数据进行计算mutations ：对数据的同步更改actions：对数据的异步更改（实现异步操作）module： 将 store 分割成模块state，getter，mutations，actions的使用 和 访问 (使用this.$store 需要在main函数引用store...

const areaDict = [{ children: [{ children: [// { value: “360101”, label: “市辖区” },{ value: “360102”, label: “东湖区” }, { value: “360103”, label: “西湖区” }, { value: “360104”, label: “青云谱区” }, { value: “...

一. emit传值（全局data中的值传递）// main.js文件定义eventHub值 data: { eventHub: new Vue(), },// 设置传入全局eventHub中的值，getCardAccount为自定义函数 getCardAccount中的值为 111 this.$root.eventHub.$emit( "getCardAccount",...

二级域名例如 http://zyf.com => http://zyf.com/test/一级域名下vue项目直接构建打包的文件引用地址为 、/static/// 模块安装 压包npm install--save "cross-env"// 一级域名打包的文件路径 npm run build:prod(此处构建使用了之前文档的统一构建配置)即构建正式包使用npm ...

第一种方式 <el-table :data="tableDataalllist" border style="width: 100%" @sort-change="totalusercount"> <el-table-column :label="head" :prop="head" v-for="(head, index) in header" :key="head...

1.安装cross-envcnpm install --save-dev cross-envpackage.json配置修改这里分别添加env_config=prod，env_config=dev来控制当前的压包环境package.json"scripts": {- "build": "node build/build.js", + "build:prod": "cross...

苹果系统时间格式 yyyy-MM-dd 安卓系统时间格式yyyy/mm/dd// 时间格式处理（兼容安卓和苹果）function datestr(x,y) { var z = {M:x.getMonth()+1,d:x.getDate(),h:x.getHours(),m:x.getMinutes(),s:x.getSeconds()}; y = y.repl...

复制剪切板利用插件实现复制到剪切板的实现功能全局安装vue-clipboard2 npm install --save vue-clipboard2在main.js中引入使用 import VueClipboard from 'vue-clipboard2'; Vue.use(VueClipboard)项目中使用 <div class="home-phone-copy"&...

``<template> <el-table :data="tableData"> <el-table-column prop="name" label="姓名" :render-header="renderHeader"></el-table-column> </el-table></template>...

常见(性能一般) import Index from "@/components/index" const router = new Router({ routes: [ { path: '/', name: 'Index' component: Index, ...

调函数deepClone()即可 此数据克隆不影响原始数据开辟栈空间例如对 data中tableData复制 即 deepClone（this.tableData） judgeType(obj) { // tostring会返回对应不同的标签的构造函数 const toString = Object.prototype.toString; const map = {...

电话号码/^1[34578]\d{9}$/ip地址 （ip4格式）(((\d{1,2})|(1\d{1,2})|(2[0-4]\d)|(25[0-5]))\.){3}((\d{1,2})|(1\d{1,2})|(2[0-4]\d)|(25[0-5]))邮箱^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$...

常用日期处理 // 转化成2017-01-02 toDate(date) { const nowDate = date; const y = nowDate.getFullYear(); let m = nowDate.getMonth() + 1; m = m < 10 ? `0${m}` : m; let d = no...

最新数组方法（包括es6）整理目前所用过的数组方法，学习了新增的es6方法。1 arr.push() 从后面添加元素，返回值为添加完后的数组的长度let arr = [1,2,3,4,5]console.log(arr.push(5)) // 6console.log(arr) // [1,2,3,4,5,5]2 arr.pop() 从后面删除元素，只能是一个，返回值是删除的元素...

电脑安装node官网下载node安装，因为gulp的依赖是基于node环境下使用的。全局安装gulp // npm修改为淘宝镜像（保证所有依赖下载速度和不丢包的情况） npm install -g cnpm --registry=https://registry.npm.taobao.org // 安装gulp cnpm install --save-dev gulp 3....

vue完整项目使用适用于webpack构建工作创建的项目1. webpack构建工具加载babel–polyfill垫片npm install --save-dev babel-polyfill引用方式1.require("babel-polyfill");2.import "babel-polyfill";3.module.exports = {　　entry: ["bab...