<template><el-form ref="form" label-position="left" :model="form" :rules="rules" label-width="80px"style="margin:20px;width:60%;min-width:600px;"><el-form-item label="坐标类型" prop="coordi

效果图，不会做gif。。。只有静态预览： 上下滑动的时候固定了顶部，并且往左滑的时候冻结了第一列。代码： 主要原理就是用position: sticky;这个属性，粘在top==0px的时候.<template><div class="report_detail"><table><thead><tr><th v-for="(n,..

因为业务有需求吧。。。很久才用一次这个离开路由，呵呵了。（看来有空得看看这个beforeRouteLeave的源码讲解了）先看下我以为的离开路由：beforeRouteLeave(to, from, next) {//console.log('to--->', to.path, this.isModify)if( storage.get('currentDj') && sto

最近刚好又碰到ref为空问题，记录下当我们在 vue 项目中，想要通过$refs 来获取元素时，会出现获取不到的BUG,原因是，dom 节点 异步加载机制，解决方案：this.$nextTick 来解决但是有时候 即使加上了 也是依旧报错 原因是： v-for 循环 得到的不止一个 解决方案 this.$refs[refName][0]还有一个原因是 v-if v-show 进行的设置 具体问题

留意wx-open-subscribe这个开放标签和里面的事件就行开放标签里面只能写普通页面，不能绑定数据，绑定了也会失效不起作用的。<template><div class="notificationSettings"><div><van-cell center title="医院信息通知"><template #right-icon>

基于vue-cli3.0构建项目，npm引入多个第三方包。build之后，包体积太大导致首屏过长。----毫无体验感！！！实践的项目喜欢捣鼓可以clone下来只总结了亲测效果明显的几种方案，解决方案大多来自于日常总结及各路大佬，如有不足，请大佬补充~1、路由懒加载在 Webpack中，我们可以使用动态 import语法来定义代码分块点 (split point)： import('./About.

效果：<template><div class="container"><div style="display:flex;"><div class="item-wrap"><div class="item"></div><div class="dot"></div>.

vue3项目使用prettier格式化代码

在vue项目，有时请求返回的数据res.data中会有含有\n的字符串，如果直接渲染的话无法实现换行。解决方法：一、通过 css属性 实现即：设置 white-space: pre-wrap;，（代码如下）：<div style="white-space: pre-wrap;">{{请求返回的含有\n的字符串}}</div>二、使用v-html实现首先，将字符串里的 \n

compression-webpack-plugin非常好用的压缩插件，适用于vue-cli版本2以上查看安装vue-cli版本vue -V// 在设置为 `true`之前, 确保安装了compression-webpack-plugin开发依赖// npm install --save-dev compression-webpack-pluginproductionGzip: true,prod