- 博客(26)
- 收藏
- 关注
RSS订阅原创 vuepress build报错
遇到的问题是一样的，只是vuepress的报错是global is not defined；enhanceApp.js文件。
2024-03-25 09:23:15
252
原创 vitepress builld报错
官方的这种两种解决方案，在项目里面试了下还是不行，不知道是不是因为vitepress的版本问题，当前使用的是1.0.0-alpha.13.。由于使用的第三方组件内部会使用到document和window，vitepress打包的时候，在服务端渲染的情况下没有document和window，就导致的打包报错。：使用vitepress展示自定义的组件，之前build是没有问题了，由于新增了qr-code以及quill富文本组件，导致打包时报错。在我们封装组件库的地方使用vue的动态组件进行二次的封装。
2024-03-25 09:14:50
453
原创 vue3 element-plus组件库生成自定义颜色
执行 pnpm run build:theme 命令后，生成的dist文件里面index.css文件，可以看到已经生成了我们想要的自定义的颜色。将这个文件拿到我们的组件库内去使用，使用@user 'xx.scss’进行引入，就可以使用我们配置的主题色。相比针对单个组件进行样式的调整，工作量直接少了一大半。在这个文件里面写自定义的颜色。
2024-01-30 16:48:01
533
1
原创 vue2 tailwindcss jit模式下热更新失效
参考文章：https://blog.csdn.net/qq_35069272/article/details/121659771。按照网上教程安装的tailwindcss，但是修改类名后热更新的时候样式没有生效，参考了大佬的文章，解决了该问题。
2023-12-15 16:28:08
2491
原创 谷歌浏览器input默认填充的背景样式修改
输入框没有border的时候是正常的，但是如果加了border，在没有默认填充的情况，会把border覆盖掉一部分。给input添加内阴影。
2022-09-20 16:47:31
1216
原创 echarts tooltip自定义添加背景图+动态渲染
实现的最终效果，echarts版本使用的是5.3.1主要用的是 extraCssText属性添加的背景图片 tooltip: { trigger: 'axis', axisPointer: { type: 'line', crossStyle: { color: '#999' } }, formatter: function (params) { let result
2022-03-22 16:47:19
5516
原创 vue3+ts+echarts 实现svg渲染地图
vue3+ts+echarts 实现svg渲染地图+省市联动公司打算地图使用svg渲染，就做了个小demo，这是最后实现的效果。http://datav.aliyun.com/portal/school/atlas/area_selector#&lat=30.332329214580188&lng=106.72278672066881&zoom=3.5可以生成svg格式的地图关键部分：1 registerMap(‘china’, { svg: chinasvg })
2022-03-03 10:41:20
4589
原创 【vue】页面缓存回跳后 侧边栏z-index层级导致页面快闪
问题描述公司使用的帆软报表页面没有加keepAlive缓存，在从一个弹框页面跳转到子报表后，切换路由回到当前页面是会继续展示弹框页面，但是页面由于z-index层级问题会闪一下。问题排查经过代码查看是因为导航栏小箭头使用了定位，z-index=2的原因导致解决方案1 既然是因为z-index的原因，先尝试把z-index取消，取消后发现当导航栏页签变多的情况下，没有层级小箭头会被遮挡掉，同时箭头的事件也失效。这个方法不太行2 缓存下钩子函数activated在组件被激活时使用，当切换回页面的
2021-12-30 14:58:09
762
原创 百度富文本编辑器修改图片上传尺寸
使用的是百度富文本编辑器这里就是对图片大小的具体判断 getInsertList: function() { let modelCode = sessionStorage.getItem("modelCode"); data, list = [], align = getAlign(), prefix = editor.getOpt("imageUrlPrefix"); for (i = 0; i < t
2021-09-17 16:57:02
1164
原创 获取当前日期前多少天
获取前几十天export function getAgoDay(time) { var date1 = new Date(); var date2 = new Date(date1); time = Number(time); if (time > 0) { date2.setDate(date1.getDate() + Math.abs(time)); } else { date2.setDate(date1.getDate() - Math.abs(time)
2021-08-26 11:28:46
253
原创 vue element-ui利用多选框实现互斥的效果
利用element-ui的多选框，实现互斥的多选框。 <!-- 行 --> <el-row class="elRowStyle"> <div style=""> <span class="title">行维度:</span> <el-checkbox-group v-model="checkboxGroupH" @change="rowChange.
2021-07-20 11:25:53
2291
原创 element-ui select多选绑定回显值
这是要最后实现的效果。 <el-form-item label="机组名称" prop="unitName"> <el-select v-model="unitName" multiple placeholder="请选择" @change="unitChange" > <el-option v-for="item in jzmcOption" :key="item.unitId" .
2021-07-05 16:49:58
5610
原创 vue 使用Jsx封装elementui的分页组件
// 使用// import Pagination from '@common/components/uniCom/Pagination';// <Pagination// :total="total"// :page="listQuery.page"// :limit="listQuery.limit"// @size-change="sizeChange"// @limit-change="limitChange"// ></Pagination&g
2021-06-29 11:13:12
1114
2
原创 根据月份获取当前月份天数
setTitle() { let date = ''; if (this.dialogStatus != 'create') { date = this.rowData.period; } else { date = this.dialogInfo.settlementDate; } date = date.split('-');//获取到的当前的月份 let year_ = date[0]; .
2021-06-18 10:13:14
987
原创 vue 表格懒加载
vue 表格懒加载 <el-table :key="tableKey" :data="tableData" border fit highlight-current-row style="width: 100%" :height="tableHeight" ref="editTable" > <el-table-column align="center"
2021-05-30 15:49:41
2194
2
原创 el-checkbox-group绑定值与回显
checkListData:[];//多选框里要显示的数据checkListDataStr:"",checkList:[ {propCode:"01",propName:'测试1'}， {propCode:"02",propName:'测试2'}，]<el-checkbox-group v-model="checkListData" > <el-checkbox v-for="item in checkList"
2021-04-07 12:03:41
5730
3
原创 js数组中map和forEach的区别
foreach()和map()通常都是用来遍历array元素，主要有以下几个区别1 返回值 const arr = [1, 2, 3, 4, 5]; function test() { arr.forEach((v) => { return v }); } console.log(test());//undefinedforEach没有返回值，只针对每个元素调用func。forEach()无法在所有元素遍
2021-04-06 20:45:28
342
原创 vue 插槽
vue的slot主要分三种，默认插槽，具名插槽，作用域插槽；使用插槽是在存在父子关系的组件中使用，我们可以在子组件中决定插槽的位置，同时子组件也可以给这些插槽的默认信息，当父组件中没有需要给子组件插槽插入信息时，显示的是子组件插槽定义的默认信息。1 默认插槽：<slot></slot>子组件在子组件中定义一个默认插槽：<template> <div class="container"> <span>我是子组件</
2021-03-18 15:36:31
365
原创 vue双层进度条效果
进度条用的是elemen-ui的进度条组件。本来打算用css实现，但是没有找到双层的示例，，，被迫用进度条组件完成双层的进度条。 <el-col :span="12" id="getHeight" ref="getHeight"> <div style="text-align: center" class="process"> <div> <span .
2020-11-16 12:49:06
811
原创 elementui日历组件实现可标记日历
这是最后实现的效果，需要用圈来标记日期，有红色的标记和黄色的标记，开始找了很多插件，但是没有找到合适的能实现效果了，最后看到了其他相似的例子实现了这个需求 <el-calendar v-model="value" class="cal"> <template slot="dateCell" slot-scope="{ date, data }"> <p v-if="handleS.
2020-11-16 12:41:00
9189
5
原创 vue实现在线客服功能（附完整代码）
公司需要在网站实现一个在线客服的功能，开始是用的jq实现的，但是！！！把代码拿到vue里使用的时候，Jq的事件一直没有办法触发，各种百度都没有结果然后就放弃了，最后找到一种很好的解决方法，完美实现了功能！！！还有感谢我的外援，哈哈哈哈哈，一直是我的后盾！！！！！！！！哈哈哈哈哈主要是循环info里的数据，通过type来判断显示机器人还是用户。用户发送消息后直接push进数组里即可...
2020-09-09 11:05:08
29272
18
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人