- 博客(21)
- 资源 (5)
- 收藏
- 关注
RSS订阅原创 vue使用echarts中遇到的问题及解决方法
最近在做demo的过程中用到了echarts，在过程中也踩了好多坑，所以专门记录一下遇到的问题及解决方案。遇到的问题安装完echarts依赖后表格示例无法显示示例图标显示后格式异常再次进入业务事件后提示dom已加载并展示异常解决方案安装完echarts依赖后表格示例无法显示解决方案：这种问题一般会是两种情况：一是版本不对应的问题，npm install echarts --save默认的是最新的版本(5.1x)，直接安装最新版本的echarts可能会出现上述问题，所以需要降低版本安装ech
2022-04-22 20:42:56
3583
原创 使用vxe-table实现复选框的各种勾选逻辑
1.trigger2.showHeader3.checkMethod4.setCheckboxRow
2022-03-24 19:57:53
8460
5
原创 实现滚轴一直跟随到底部
消息列表实现滚轴一直滚动到底部，实现能够看到最新消息// 1. 在div块中，定义ref，以便后续通过ref获取dom元素eg: <div ref="myBox" class="main-content">// 2. 在实现位置，如按钮、子组件等绑定方法。 myVideo是一个子组件eg: <myVideo @getDanmuMsg="getDanmu" />// 3. 在绑定的getDanmu()方法中写入如下代码(触发滚轴变化) // 始终让滚动条滚动到最底部
2022-03-17 11:46:33
420
原创 时间选择器实现精确到时分禁用多个时间段并能动态更新禁用时间段，超级详细(附完整代码及文件)
最近遇到了一个关于日期选择器动态禁用多个时间段的组件需求：需求描述：在可新增的动态表格中，新增一条数据，该数据中的开始日期和结束日期可选择范围由整个表格的每条数据的开始日期和结束日期决定，选择的时间段不能有重叠，开始日期和结束日期可为同一天，时间格式为yyyy-MM-dd。解决关键：需要用到element日期选择器组件的属性picker-options来处理需要禁用的时间段。 1. 首先搭建简单的vue页面，此时开始日期与结束日期选择器日期可以任意选择，表格1为初始的日期表格数据，表2为过滤掉错误数
2022-03-10 10:00:40
1899
1
原创 移动端解决输入框唤起键盘时将底部导航栏顶起问题总结
问题描述 vue基于vant框架开发移动端项目时，出现了这样一个问题：在手机上点击页面输入框时唤起手机自带键盘，结果底部固定的导航栏也被顶起，导致遮挡住页面部分内容解决办法 这篇文章给出了解决办法解决移动端软键盘弹起底部固定布局被顶上去问题和屏幕背景被压缩问题 我在本地模拟测试了此方法，是可以解决掉底部被顶起问题，但是在我的某一个项目中，此方法并不能完全解决底部导航栏被顶起问题。究其原因，是我的项目中存在tab标签页，并且底部导航栏是被封装为一个通用组件使用的，当键盘被唤起时需要在页面内使用动
2021-12-21 09:35:32
3457
原创 vue组件封装之封装一个移动端按钮组件
需求描述 场景：现有很多类表单，进入表单详情后需要使用按钮提供表单的相关审批操作，需封装一个通用的按钮组件以满足不同表单不同需求操作 原型图如下： 思路：既然是在移动端，那我们是需要用到vant移动端组件库了。首先我们需要在项目中引入vant，然后绘制出原型图中的页面，最后考虑将其封装为一个通用组件。步骤引入vant安装 npm install vant --save引入：1、 在main.js文件中引入// 全局引入import Vant from 'vant'Vue.use
2021-12-08 17:17:47
626
原创 父组件向子组件通信与子组件向父组件通信问题总结
子组件向父组件传值子组件this.$emit('updateData', this.updateFlag)父组件<child @updateData="parentFunc" />components: { child}parentFunc(val){ console.log(val)}父组件向子组件传值父组件<child :sendData="parentData" />子组件props: { sendDat
2021-08-26 17:24:40
164
1
原创 关于prettier解决自动格式化会多出分号逗号等问题的最终解决方法
最近遇到了一个有关vscode使用prettier的格式化代码问题,当我保存时，自动格式化代码，但是总会加上多余的分号和逗号，并且<template></template>中结尾的>也会出错，在网上找了很多解决办法都没有解决掉。最终通过这一篇文档解决问题。原来是格式化规则代码在不同文件不同位置时优先级不同的问题。链接如下：prettier配置指南 具体说明如图所示。当我在项目的package.json文件中写入如下代码后，困扰我很久很久的自动格式化问题就完全解决掉了！
2021-08-20 15:17:54
16314
12
原创 正则表达式的一些基本用法
最近在做项目中遇到了一些有关正则表达式的问题，当时遗忘较多，特此整理回顾一下相关知识。创建正则表达式// 方式1var 变量名 = RegExp(/表达式/)// 方式2var 变量名 = /表达式/正则表达式组成符号说明^表示匹配行首的文本(以谁开始)$表示匹配行尾的文本(以谁结束)[]表示有一系列的字符可以选择，只要匹配到其中一个即可()表示括号内的内容作为一个整体,标记一个子表达式的开始和结束位置.匹配除换行符 \n之外的任何
2021-08-18 15:11:21
109
原创 时间选择器timePicker实现根据当前选择日期(当天/非当天)禁用时间段
需求描述 最近在做有关element的时间选择器timePicker时，遇到这样一个需求：首先我需要的是选择时间段 格式为’HH:mm’,在它之前还有一个datePicker日期选择器。解决思路实现及成果展示
2021-08-16 23:55:31
8890
1
原创 记录第一次成功将vue项目打包并部署到centos云服务器上并访问(包含多个vue项目部署nginx配置说明)
记录第一次成功将vue项目打包并部署到centos云服务器上并访问
2021-08-01 00:29:13
3202
4
原创 git命令整理(持续更新)
##克隆远程仓库git clone 远程仓库地址##查看所有分支（能看到当前分支）git branch##创建分支git branch 分支2 //创建分支2##删除分支1. git checkout 分支1 //删除分支2需要先切换到其他分支，如分支12. git branch -D 分支2 //删除本地分支23. git push origin --delete 分支2 //删除远程分支2##上传文件到分支1. git add . //暂存提交的文件2. git
2021-07-21 10:11:23
233
原创 2021-07-13 父子组件、兄弟组件之间的通信问题
父组件向子组件传值父组件向子组件传值主要是通过props来实现的，需要注意的是，props是单向绑定，后文将会说明这个属性。眼过千遍不如手过一遍，接下来将通过两个实例来展现props是如何实现父组件向子组件传值的首先定义一个父组件，命名为TheParentComponent,并在同级目录定义一个子组件，命名为TheChildComponent。父组件代码如下//1. 这是父组件<template> <div id="app"> <p>这是父组件&
2021-07-13 13:15:02
206
原创 2021-07-12 关于ES6中的export和export default
文章目录它们是干什么的export的使用部分导入全部导入export default的使用export和export default的区别一些注意事项它们是干什么的在ES6中，export和export default均可用于导出变量、函数、文件、模块等，我们可以在其它文件或模块中通过 import+(常量 | 函数 | 文件 | 模块)名 的方式，将其导入，以便能够对其进行使用。不过，一个js文件中可以有多个export，但只有一个export default，二者可以同时使用。export的使用
2021-07-12 09:42:46
1047
原创 初探nvm
初探nvm什么是nvmnvm 简单来说就是一种管理node版本的工具，当我们切换项目进行开发时，可能需要用到不同版本的node,这时，使用nvm来切换不同node版本就可以很好的满足我们的开发需要。安装nvm作为一名开发者，使用mvn来管理系统上不同的node版本是很必要的。接下来，将简要说明nvm的安装过程1 下载地址和版本nvm通过GitHub官网链接下载，点击这里跳转到GitHub选择图中所指压缩包下载完成后，解压运行安装程序，为了方便，默认它安装的位置，一般都会安装到c盘，一路nex
2021-07-08 21:55:25
246
原创 2021-07-05
模板语法- v-once一次性插值当数据改变后，该处数据不会更新 如图所示，当输入框中的值改变时，第一行的message并不会改变，仍然是"Hello Vue.js!"；而第二行的message会随着输入框输入的值改变而改变- v-text操作纯文本 缩写为{{}}- v-html会将数据解释为html,即会将html标签进行转化，输出时就不包含html标签了，如图所示，第一个msg1显示普通文本内容"< strong>这是新的测试数据< /strong>"；通过v-ht
2021-07-08 20:38:50
102
原创 Linux基本操作以及Jvm问题排查
下载MobaXterm- 进入MobaXterm官网进入到MobaXterm官网之后，按照图中操作顺序完成下载一键安装连接远程Linux主机**安装MobaXterm并打开后，按照图中顺序连接主机**点击OK按钮后，进入到终端界面，此时，需要输入密码输入完密码之后，进入到命令操作界面，如图接下来就可以进行各种命令操作了查看系统的负载、内存、磁盘、cpu、网络连接数量查看负载(包含了cpu使用情况)# top查看内存# free使用free命令后，可以看到系
2021-07-02 18:44:22
196
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人