- 博客(24)
- 收藏
- 关注
RSS订阅原创 webpack vite下px转vw方案postcss-px-to-viewport，兼容vant
如果加上css兼容 可以下载autoprefixer插件，然后在postcss.config.js的plugin里面新增一个属性。
2024-01-10 14:02:25
917
原创 vue3+webpack+less-loader 引入public图片的路径问题
vue3+webpack+less-loader 引入public图片的路径问题
2023-01-11 09:31:05
709
原创 el-form校验小技巧
当使用el-form组件时，可能在el-form-item会使用自己封装的组件 然后在绑定model对应的属性，但是当我们封装的组件选择完值之后 form校验并未生效例如申请单位由于是树形结构 需要自己封装一个选择组件 当选择完值之后 并没有触发校验 我们可直接调用el-form-item组件的内部函数进行主动校验首先 因为trigger是change el-form-item定义ref= deptItem 如果trigger是blur 可调用this.$refs.deptItem...
2021-04-07 17:38:01
1213
原创 pdfjs预览 vue中常见的坑及修改预览的标题名
pdfjs下载地址：http://mozilla.github.io/pdf.js/getting_started/#download解压后放在vue项目 public下面使用：1.文件流预览 import { Message} from "element-ui";//filename等于文件名 data指代后端返回的文件流 不是文件地址//该函数可以下载各种类型的文件 如果是pdf格式的 使用pdfjs进行打开新页面预览 export const downloa..
2021-03-19 10:22:15
2827
原创 Vite 项目初始化配置
一、环境变量设置 （dev,prod）新建.env.development.env.production放在根目录 和vue-cli相同 不过变量名修改为 VITE_APP_XX页面使用import.meta.env二、scss css预处理器使用直接下载npm install sass -D 页面style lang="scss" 即可使用 无需下载node-sass sass-loader等webpack loader三、样式的兼容性添加（autoprefi...
2021-02-19 17:16:29
4660
7
原创 Element el-table合并表格后 序号递增
Element table表格根据某几个字段进行合并例子比如 十条数据 根据 a b c d四个字段 如果相邻的对象这四个值相同就进行合并使用:span-method="objectSpanMethod"<el-table :data="data" :highlight-current-row="true" :span-method="objectSpanMethod" > <el-table-column .
2021-01-06 14:17:16
3519
原创 nginx下 部署多个vue项目
准备两个项目 一个test1 一个test2 vue模式 （hash--带#） router.js 正常逻辑 无改动 const createRouter = () => new Router({ scrollBehavior: () => ({ y: 0 }), routes: constantRoutes }); vue.config.js: 设置publicPath //module.exports下 publicPath:..
2021-01-06 11:22:55
723
原创 Vue scss使用全局变量及移动端100vh高度适配
开发移动端 当设置100vh时，在各个浏览器计算高度不同，Chrome和Safari浏览器会计算底部tabbar和顶部url地址栏，所以产生比预期高的值，至此 可借助vh-check来帮助适配各个浏览器的兼容使用方法npm install vh-checkvue main.js 引入import vhCheck from "vh-check"; //移动端浏览器100vh高度不一致vhCheck();组件内使用<style lang="scss" scoped=
2020-12-02 15:30:39
3808
2
原创 tomcat nginx部署vue 项目常见问题
一：vue history模式（不带#） Tomcat刷新404问题 conf>web.xml下面新增代码 //避免层级乱 最下面添加就行 <error-page> <error-code>404</error-code> <location>/index.html</location> </error-page></web-app>..
2020-11-30 17:46:55
326
原创 手机端滚动条不生效，但是显示的问题
手机端滚动条不生效，但是显示的问题第一种 如果使用的是element的table 并且使用了固定列，可能原因是使用了固定列，且固定列挡住了滚动条，固不生效 解决： .el-table__fixed { height:auto !important; bottom:17px; }//可根据实际情况进行修改 或者不使用固定列 第二种 注意css 是否有关于设置 * { touch-action:pan-y;} 如果有，请..
2020-11-25 11:27:43
1267
原创 @vue-cli 开发环境history模式刷新加载资源失败问题
history下当路由是嵌套路由时，若vue.config.js的publicPath=‘./’时，刷新页面 请求资源地址会以相对路径的形式加载 从而报错此时可修改publicPath = ‘/’ 这样在history模式下 刷新请求的地址为根路径，即成功如果是hash 请求地址固定为根路径 ，所以不会出现问题也可以动态修改...
2020-07-08 10:08:55
991
原创 elementUi 级联选择主动获取已选中的对象
<el-cascader v-if="val.FIELDNAME == 'archiveCatalogNo'" :options="systemClassFondsList" v-model="archiveCatalogNoArr" @change="selectSystemFond" :props="{ label: 'id', value: 'id', checkStrictl
2020-05-26 15:11:44
1051
原创 vue添加滚动事件不生效以及scrollTop一直为0的问题解决
最近写项目遇到在main里面有组件需要设置吸顶 直接展示万能写法methods:{ handleScroll() { let scrollTop = this.$parent.$el.scrollTop; //表示获取router-view上一级的scrollTop if (scrollTop > 170) { this.fixedDiv = tr...
2020-04-26 17:09:16
5785
4
原创 vue打包后 放在tomcat上 下载文件跨域问题
最近的项目有个下载文件的 开发环境正常打包后下载时报跨域错误和后端找了半天问题发现下载文件时后端代码删除response.reset()后就正常了具体原因暂未找到可以借鉴一下...
2020-02-18 13:30:58
816
原创 vue 克隆对象时遇到的问题
我们知道 当我们需要深克隆一个对象 或者数组时 改变这个得到的数据，原数据保持不变 比较简单的用到的函数基本都是let b = JSON.parse(JSON.stringify(a))但是假如我们克隆一个vue响应式对象时 发现用这个方法没啥用所以需要一个工具函数老深克隆//深克隆 export const deepClone = (source) => { var sou...
2019-11-07 14:50:38
1215
原创 vue 动态添加路由之后一直显示404的问题
当我们动态添加路由之后 需要手动添加404重定向的路由 否则页面会一直404如下// get user infoconst { pagesIndex } = await store.dispatch('user/getUserInfo');// 匹配路由const accessRoutes = await store.dispatch('permission/generateRoutes...
2019-11-07 14:44:00
3205
原创 elementUI switch修改样式
先来图再来代码<el-form-item label="状态：" prop="activestate"> <el-switch v-model="Form.activestate" :validate-event="true" active-text="使用" inactive-text="禁用" :width="54" ...
2019-11-07 14:32:39
3291
2
原创 elementUI table懒加载表格 动态增删改之后如何即时显示的问题
最近项目有个表格 table数据太多使用懒加载方式 但是由于涉及到增删改 操作之后表格数据不会即时刷新 导致网上百度了半天 才找到解决办法 如图<el-table :key="fondsCode" :data="gridData" border ref="tableDom" header-r...
2019-10-29 16:00:43
1984
3
原创 vue中使用pdf.js插件打包后不显示插件及打包后动态修改接口地址
最近写了一个项目 需要在线展示pdf 实现方法是下载该插件并解压放到 static文件夹中 地址：http://mozilla.github.io/pdf.js/我在项目中使用iframe嵌套的方式 根据后台传过来的pdf地址显示<iframe id="previewPdf" :src="pdfHtmlURL+'?file=' + baseUrl+'/'+p...
2019-07-23 17:25:06
1911
2
原创 2.8版本以上elementUi级联选择器 选择即改变问题
新版本移除选择即改变属性 变成 checkStrictly: true老版本是：<el-cascader :options="options"change-on-select>如果想点击文字也会选中 可直接触发radio的点击事件引用https://codepen.io/wxhccc/pen/RzNgLa?editors=1010 <el-cascader ...
2019-07-04 17:03:38
1505
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人