晴天有何特别

1.表单自定义配置优势：复用性，代码少，易维护，直观性强2.表格二次封装优势：复用性，代码少，可维护，统一性3.弹框二次封装优势：复用性，统一性，代码微减4.样式配置通过全局less文件配置公用的变量，统一性,可维护性大大提升{ test: /\.less$/, use: [ config.isProduct ? MiniCssExtractPlugin.loader : "vue-style-loader",

let config// 开发环境的配置const DEV_CONFIG = { isProduct: false, axiosBaseURL: '/api', externalsOpt: {}, dingAppid: '**************asdad', // 钉钉扫码登录的参数配置 dingRedirectUrl: encodeURIComponent('ht...

npm install vue-print-nb --saveimport Print from 'vue-print-nb'vue.use(Print)使用<div id="table"><span v-print="'#table'">打印</span></div>关于打印不显示使用class="no-print",亲测无效,目前不...

module.exports = { root: true, parser: 'babel-eslint', parserOptions: { //设置"script"（默认）或"module"如果你的代码是在ECMAScript中的模块。 sourceType: 'module' }, env: { browser: true, }, // h...

Duplicate keys detected: ‘2’. This may cause an update error.在用element-ui框架中使用表格有可能会出现这种重复key的情况，我刚出现这问题的时候百度出来的文章都是这样的方式解决:key=“j+‘b’”，而我的表格组件被2次封装完全不适合，并且容易出现问题这种解决方案，后来我发现问题的关键在于数据中的一个字段id，所以关键只是因...

<template> <div> <div @click="click">点击父组件</div> <child ref="child"></child> </div></template><script> import child...

因为模仿钉钉的crm系统，有个下拉组件，自己就把他封装起来，觉得还可以，下面时效果图selectL.vue<template> <div class="selectL"> <el-popover v-model="tabs.popoverShow" placement="bottom-en...

之前写的vuex只是小场景项目使用，当你的项目大了管理就不方便modules里面的js其实是根据功能分类的app.js 将通用数据通过vuex存储，包括后台请求，自定义的import Vue from 'vue'const state = { commonEnums: { teachers: [], //老师 curriculums: [], /...

一般用于后台管理系统,登陆成功后台返回可用路由,将router的路由进行匹配,对用户进行限制分3个板块账号管理(account)给账号绑定角色(多选),一个账号可绑定多个角色角色管理(role)设定角色:例如超级管理员,普通用户,给角色配置菜单权限,将菜单列表以树状图结构返回,利用element的tree组件展示,勾选上哪个菜单就表示有权限进入这个页面菜单管理(menu...

element-ui Cascader 获取当前选择的节点数据包括label,value,自定义都能拿到

vue video.js的使用flash将被淘汰，html播放器将成为主流

vue-property-decorator 只是在vue项目使用ts的装饰器而已<template> <div class="login"> </div></template><script lang="ts">import { Component, Vue } from "vue-property-decorator...

vuex 5分钟就看懂如何使用vuex状态管理废话少说直接看这3步1.根目录下创建store文件夹，并在内创建index.jsimport Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)const store = new Vuex.Store({ //定义你需要使用的变量/对象/数组等 state: { pro...

vue config配置文件属性详解const path = require('path');module.exports = { // 基本路径 publicPath: process.env.NODE_ENV === 'production' ? '' : '/', // 输出文件目录 outputDir: process.env.NODE_ENV ==...

vue 全局注册自定义‘加载中’组件<template> <view class="loading" v-if="show"> <image src="../../static/img/loading.gif" mode="widthFix"></image> </view></template><script>...

vue解决跨域设置代理proxy: { '/api': { //将域名印射为/apis target: '', // 接口域名 changeOrigin: true, //是否跨域 pathRewrite: { '^/api': '' } }}...

vue自定义封装API组件1.创建vue组件<template> <div > <div class="alert"> <div class="alert-main" v-for="item in notices" :key="item.name"> <div class="alert-content"...

vue在开发组件中，获取组件实例是一个非常有用的方法。组件可以通过 $refs、$parents、$children等方式获得实例引用$refs在组件（或者dom上）增加ref属性即可$parents获取子组件挂载的父组件节点$children获取组件的所有子节点...

computed监听变化计算结果，无需在data中定义，并且不能与data中的变量同名computed比较适合对多个变量或者对象进行处理后返回一个结果值，也就是数多个变量中的某一个值发生了变化则我们监控的这个值也就会发生变化，举例：购物车里面的商品列表和总金额之间的关系，只要商品列表里面的商品数量发生变化，或减少或增多或删除商品，总金额都应该发生变化。这里的这个总金额使用computed...

v-once只渲染元素和组件一次。随后的重新渲染，元素/组件及其所有的子节点将被视为静态内容并跳过。这可以用于优化更新性能v-cloak当加载缓慢时可能出现显示vue源码的情况{{name}}，可以使标签加载完成前保持隐藏状态keep-alive用于缓存组件，tabs组件中就可以适用，减少渲染

这里提供两种方式，推荐使用第二种方式1routes: [ { name:'home', path: '/home/:openname', component: Home, meta: { title: '首页' } } ]方式2安装npm inst...

/* * @Descripttion: Vue过滤器 * @Author: TM丶 * @LastEditors: TM丶 * @Date: 2019-04-05 11:32:33 * @LastEditTime: 2019-06-08 11:02:19 */import dataformat from "./dateformat";/** * @Descripttion: 格...

vue 子父组件相互传值1.子传父loading.vue<div v-if='show'></div><script> export default { props:['show'], }</script>main.vue<Loading :show='loadShow'></div><scri...