Holly1945的博客

v-if vs v-showv-if 是真正的条件渲染，会在切换的过程中，条件块内的事件监听器和子组件适当地被销毁和重建。惰性： 初始渲染条件为假时，什么也不会做。v-show： 不管什么初始条件都会渲染，只是简单基于css display 属性切换。v-if 有更高的开销，v-show有更高的初始渲染开销。使用场景：频繁切换，v-show运行条件很少改变，使用v-ifdisplay：none；元素存在，不占位，不显示visible: hidden;元素存在，占位，不显示height

vue devServer proxy1.是因为代理对象没有开启服务，不能访问到对象服务器2.代理规则写错3.请求超出代理timeout，代理失败我出现的问题是：时不时出现代理错误线上环境正常axios 请求的timeout 为 300000我的proxyTimeout： 3000某些接口速度慢的时候 所以请求失败修改我的proxyTimeout属性devServe -> proxy 的配置选项http-proxy-middlewarehttp-proxy-middlewar

前端路由 实际是路由与组件的映射表访问任何路径，服务器只需要响应index.html （单页面应用）浏览器根据不同路由 匹配要渲染的内容刷新操作时候： 浏览器会带着地址栏路由请求服务器返回相应地静态资源如果没有找到对应的资源 返回 404配置nginx:location / { root /... # vue工程的路由是history模式 try_files $uri $uri/ /index.html; // ** 重点加上这个配置 index index.h

背景图片background: url("~@/assets/logo.png");

定义在data平级添加attrName，获取this.$options.attrName这是我的idea用法,不知道大家有没有更好的方法因为在使用混入mixins时候，从各个模块导入的api 不同，但功能类似想要实现不同模块挂上各自不同接口import { fetch ,insert, update, delete } from '@/api'export default { apis: { fetch, insert, update, delete }, data() {},

提交校验字段onSubmit(formName) { this.$refs.Form.validate((valid) => { if (valid) { this.isEmptyValidate( () => this.$emit('close'), // 为空确认操作 () => { // 不为空操作/继续提交 this.saveLoading(true) this.$emit('submit', ()

问题：在vue elementui 表单数据创建提交之前 过滤掉空值的属性， 删除后，属性还在问题出现原因:我直接操作vue data 绑定的form而我在组件中设置了监听属性值变化,所以在删除属性时候，监听到变化，又给form 对象设置了这个属性还有值。哈哈哈 所以无效删除简单做法： 过滤前，将form 深拷贝一份，然后操作。 watch: { bindValue: { handler(value) { this.$set(this.form, this.

排序： 点击上箭头 点击下箭头点击表头单元格，有个排序顺序 :sort-orders=“sortOrders” 默认是3个状态顺序切换 “ascending”、“descending” 、nullsortOrders: [null], // 点击表头，只触发清除此列排序状态<template> <el-table-column v-bind="{ ...$props, ...$attrs}" :class-name="getSortClass(prop)">

keep-alive场景： 多级菜单二级菜单信息管理 -> 包含列表、新增、编辑、详情 子页面需求：列表页的搜索条件、分页、滚动条位置等状态需要缓存方法： 使用vue自带keep-alive 组件<template> <section class="app-main"> <transition name="fade-transform" mode="out-in"> <keep-alive :include="cache

v-bind="$attrs"v-bind="$attrs"<div {...{attrs: this.$attrs}}></div>

添加链接描述import axios from 'axios'import Qs from 'qs'axios({ url: '', method: 'post', data: { name: 'name', age: 'age', infos: [ { value: 'value1', label: 'label1' }, { value: 'value1', label: 'label2' }

文件上传上传方法：action:http-request="onUpload" 自定义上传方法上传方式手动上传调用 this.$refs.uploadFile.submit()自动上传:auto-upload=“true”上传前校验：beforeUpload返回boolean 与 promise结果如果false，reject 则停止上传axios 上传进度onUploadProgress 钩子 获取进度设置fileList 中file的status与 percenta