前端劝退工程师

<template> <div class="box" :style="styleVar"> </div></template><script>export default { props: { height: { type: Number, default: 54, }, }, computed: { styleVar() { return {

需求：年份选择组件（代码附在最后）公司的很多项目需要使用年份选择功能，之前用的是select,感觉不是很合理，那我决定手撸一个YearPicker，先看图效果图功能1，支持深浅两种配色，2，默认禁用今年以后的年份（可配置）使用 import YearPicker from './YearPicker' components: { YearPicker }, <YearPicker v-model="year"/>关键点：v-model其实v-m

以前公司用的都是cli2.X,现在已经更新到4了，所以闲暇之余搞一把一，卸载与安装//卸载2.xnpm uninstall -g vue-cli//卸载3.xnpm uninstall -g @vue/cli//安装4.xnpm install -g @vue/cli二，创建项目创建项目分为命令行和图形化界面，图形化使用 vue ui ，这里我用命令行vue create projectName选择预设配置or自定义（选择自定义）Vue CLI v4.3.1? Pleas

process(进程)在用vue开发时经常会用process.env做环境判断,比如：if(process.env.NODE_ENV === 'development'){ //给接口地址赋值之类的操作}所以想搞懂这个process到底是啥官方文档解释原来是node的一个全局对象啊！process.env那么env自然就是这个对象的一个属性了，再看官方文档process.pro原来是用户环境process.env.NODE_ENVNODE_ENV不是process.env对象

本来想用vue-amap的,但是一直报错,确实还不够成熟在index.html文件中引入<script type="text/javascript" src="http://webapi.amap.com/maps?v=1.3&key='你的key'"></script>在webpack.base.conf.js中配置context: path.resol...

引入全局css在main.js中import './assets/css/style.css'或require(./assets/css/style.css)引入局部css<style>@import "../css/style.css";引入全局js(建议使用mixins)将方法封装好 再暴露export { stringToDate, f...

.el-tree-node__content { &:hover { background: #89c2f7; } } .el-tree-node:focus>.el-tree-node__content{ background-color: #5daaf0; }

<template> <div id="app" > </div></template><script src="/static/js/xx.js" ></script><script>export default { name: 'MainPage', data () { return...

getTime（time）{ var times = new Date(time); return times.getFullYear()+"年"+times.getMonth()+1+"月"+times.getDate()+"日"; }

在methods中写入一个方法?123clickcategory(index){ // 这里我们传入一个当前值　　this.categoryIndex = index}然后需要在data里面注册一下?12345data() { return { categoryIndex: 0, //点击当前背景变成白色索引 } },在css中设置我们当...

<script> let vm = new Vue({ el: "#app", data: { msg: "hello" }, methods: {}, //钩子函数和el，data，methods,filtes,computed属于同级别的成员 before...

网上很多方法说新建一个WEB-INF文件夹 里面是web.xml文件放在项目根目录下web.xml<?xml version="1.0" encoding="UTF-8"?><web-app xmlns="http://xmlns.jcp.org/xml/ns/javaee" xmlns:xsi="http://www.w3.org/2001/XMLSchema-ins...

Mixins是一种复用Vue组件代码一种方式。1,建立components>mixin.js,写入可复用的数据与方法export const toggle = { data () { isshowing: false }, methods: { toggleShow() { this.isshowing = ...

1,安装axiosnpm install axios --save2,建立src>axios>request.jsimport axios from 'axios';import {showLoading, hideLoading} from './loading'import { Message } from 'element-ui';import store from...

1,安装npm install vuex2,创建文件在src>store>index.jsimport Vue from 'vue'import Vuex from 'vuex';Vue.use(Vuex);export default new Vuex.Store({ state: { //状态 }, getters: { ...

https://segmentfault.com/a/1190000018711422

ip: [ { validator: (rule, value, callback) => { if(this.releaseResFrom.serverClass.ip.some(item=> isNaN(item)||item==='')){ callback(n...

想把变量抽到一个公共的less文件中，然后在项目的各个组件都可以使用，试了很多方法都报错<style scoped lang="less">@import "../assets/css/common.less";.left-nav{ width: 58px; height: 1080px; background: @bg-color }</st...

环境就不说了 安装node 安装cli之类。。。一，初始化项目vue init webpack projectName之后就是相关配置 严格模式最好不要选执行此命令，即可启动自己的项目，关于主机端口配置在config目录下的index.js文件中ps:以上比较简单 可以在菜鸟教程上观看详细的步骤二，安装及引入项目所需依赖（做此记录时我仅安装Axios，Element，Less...

首先在控件中加上:picker-options="" <el-date-picker v-model="takeServerForm.abortTimeStr" type="date" :picker-options="pickerOptionsStop" //加上这个选项 placeh...

场景:在公司开发时用的是后台搭建的服务器,但是拿到外面部署时用的是真实服务器,不想每次改一次ip就打包一次,而且去部署时也不一定提前知道对方的ip…无法现场打包首先我们配置开发环境与生产环境接口地址,congif > dev.env.js：开发环境congif > prod.env.js：正式（生产）环境这里的window.g.ApiUrl后面再讲,这里可以写成真实服务器ip...

let fieldsToValidate = ['username', 'password', 'gender', 'email']; let _self = this; Promise.all(fieldsToValidate.map(item => { let p = new Promise(function (resolve, reject) { _sel...

1、url（必写）请求地址2、method请求方法，默认是get3、baseURL（常用）baseURL会添加到url前（url是绝对地址除外）。4、transformRequesttransformRequest选项允许我们在请求发送到服务器之前对请求的数据做出一些改动该选项只适用于以下请求方式：put/post/patch5、transformResponsetransfo...

vue@2.6.0 开始，官方推荐我们使用 v-slot 来替代slot 和 scope-slot一,匿名插槽(默认插槽)当组件内插槽有且只有一个,可使用默认插槽父组件<!-- 默认插槽 省略v-slot:default--> <child> <template> <h1>默认插槽</h1&gt...

最近公司做的这个项目，要大量修改element里面的css样式，所以项目打包之后会出现样式和本地开发的时候样式有很多不一样，原因可能是css加载顺序有问题，样式被覆改了。所以在mian.js里面这样修改：‘./APP’和’./router’放在element css的后面，router放到最后还有就是每个vue组件里的style要加scoped,这很关键，起到css不被组件之间重叠的作用。...