package.json 或者 eslintrc文件都可以 "gitHooks": { "pre-commit": "lint-staged" }, "lint-staged": { "*.{js,jsx,vue}": [ &n...
前端开发
vue面试题 vue-cli4 脚手架相关配置详解
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统,提供: 通过 @vue/cli 实现的交互式的项目脚手架。通过 @vue/cli + @vue/cli-service-global 实现的零配置原型开发。一个...
vue 进阶高级前端
1、 函数组件 函数组件 是无状态的,没有生命周期或方法,因此无法实例化创建一个函数组件非常容易,你需要做的就是在SFC中添加一个 functional: true 属性,或者在模板中添加 functional。由于它像函数一样...
vue-ssr 服务端渲染
server 配置 const Koa = require('koa'); const Router = require('koa-router'); const serve = require('koa-static'); const path = require('path'); const fs = require('fs'); const backendApp =...
解决flex布局下, element-ui table组件不能跟随父组件的宽度而
bug: 我在flex布局的元素中使用了elementui的table组件,饿了么的table上会被加一个动态的宽度, 当第一次改变flex元素宽度的时候。table的动态宽度会变化,第二次和以后就不会变化了。第一种:给使用flex的元...
vue element-ui 组件按需引入踩过的坑
import Vue from 'vue' import App from './App.vue' import { Button } from 'element-ui' import 'element-ui/lib/theme-chalk/index.css' Vue.use(Button) Vue.config.productionTip = false new...
Vue this.$forceUpdate 强制渲染页面
刷新整个页面(最low的,可以借助route机制)使用v-if标记(比较low的)使用内置的forceUpdate方法(较好的)使用key-changing优化组件(较好的,定义组件key值) 由于一些嵌套特别深的数据,导致数据更新了...
vue v-if 与 v-for 同时使用报错
在Vue中使用v-for循环一个数组/对象时,如果再使用v-if,那么会提示使用计算属性(能正常使用),因为Vue中是不提倡v-for与v-if同时使用的。在我的项目中也遇到了问题不过翻看文档解决了 <el-table-column ...
vue echarts5 热力图不同方格设置颜色 heatmap visualMap
<template> <div class="home"> <div id="main" style="width: 800px; height: 400px"></div> </div> </template> <script> import * as echarts from 'echarts' e...
vue el-tabs vue-codemirror初始隐藏,后续点击才显示
this.$refs.jsonEditor.codemirror.refresh() <template> <div class="json-editor"> <codemirror ref="jsonEditor" v-model="reqBody[codeKey]" :options="cmOptions" @ready="onCmRea...