- 博客(21)
- 收藏
- 关注
RSS订阅原创 本地仓库上传到github远程仓库（git）
首先我们要下载git 并且配置好环境我们上github 创建一个仓库设置好 名字和描述后我们创建出现以下界面：这个界面有command指令创建仓库第一步：在我们的项目路径下进入git.bash.here进入后我们首先输入 git init 把这个目录变成Git可以管理的仓库接下来我们输入 git add . 用命令git add告诉Git，把文件添加到仓库输入git commit -m "init app" --git commit命...
2022-04-29 11:01:07
263
原创 echart中饼图如何显示数据 实现鼠标移动切换显示（vue中）
首先饼图的案例如下：我们可以通过设置标题title然后设置title的位置再饼图的中央显示：效果如下：接下来我们可以通过echarts中的鼠标移动事件来获取设置title中text的值我们对刚刚refs获取到的echarts实例绑定鼠标移动事件，这是我们获取到的params的值就是鼠标移动到饼图上对应项的值。然后我们通过出需要展示的值通过setOption重新设置标题。最终效果如下：下面我把代码贴在此处 大家可以在vue中体验使用 （记得要引入ec...
2022-04-24 22:09:36
6984
原创 Use // eslint-disable-next-line to ignore the next line.Use /* eslint-disable */ to ignore all解决
项目运行中出现如下报错：解决方法：将根目录下的eslintrc.js文件中的no-console和no-debugger注释掉，重启就可以了
2022-04-16 14:54:14
6786
原创 Vue中的六种组件通信
第一种: props适用于场景： 父子组件通信注意事项：如果父组件给子组件传递数据（函数）:本质其实是子组件给父组件传递数据如果父组件给子组件传递的数据（非函数):本质就是父组件给子组件传递数据书写方式：3种['todos'], {type:Array},{type:Array,default:[ ] }小提示： 路由的props 书写形式：布尔值、对象、函数形式。第二种：自定义事件适用于场景：子组件给父组件传递数据$on与$emit第三种: 全局事件总线
2022-04-14 18:09:25
849
原创 Xshell免费学生版
在百度网站上，搜索xshell的时候，大多都跳转到国内的xshell下载网址，但是国内的下载网址下载的xshell是收费的。解决方法就是找外国的下载网址，国外的网站还是可以下载的，学生和学校使用的免费版本。话不多说，上连接网址：https://www.xshell.com/zh/free-for-home-school/里面有三个选项，<两者>、xshell、xftp ，各位按需下载就可以了，亲测有效，感觉有用点个赞...
2022-04-14 14:56:42
4835
原创 Vue中生成二维码 组件库qrcode使用
qrcode网址：https://www.npmjs.com/package/qrcode安装代码如下：npm install qrcodeqrcode文档中生成二维码有很多环境下的用法。我们这里使用ES6/ES7的用法。ES6/ES7Promises and Async/Await can be used in place of callback function.import QRCode from 'qrcode'// With promisesQRCode.to
2022-04-10 16:46:41
3380
原创 Vue中快捷路径的设置（src的别名）
我们在vue在组件中以及js文件中经常会应用src目录下的一些文件或者资源，最常见的办法就是一层一层的../../去转出文件夹寻找所需资源所在的路径。可以通过设置一个标识来代表src目录 之后需要到src目录下应用资源书写路径可以直接通过标识/来查询 下列就是设置代码：我们首先新建一个文件根目录下新建一个文件jsconfig.json 在内写以下代码：{ "compilerOptions": { "baseUrl": "./", "paths": { "@..
2022-04-07 20:24:00
1140
原创 Vue路由传参query传参以及params传参
路由传参1.字符串形式query传参this.$router.push("/search"+"?k="+this.keyword)params传参需要在路径后占位this.$router.push("/search/"+ this.keyword）2.模板字符串query传参this.$router.push(`/search?k=${this.keyword}`)params传参this.$router.push(`/search/${this...
2022-04-07 17:41:02
1125
原创 PHP warmServe安装出现找不到MSVCR110.dll解决方法
wamp启动丢失msvcr110.dll、vcruntime140.dll等文件的解决方法
2022-03-30 09:11:56
694
原创 轮播组件Swiper使用教学 轮播图篇
swiper主要适用于pc端和移动端 主要就是用来实现轮播图效果官方网址如下：https://www.swiper.com.cn/下载Swiper后解压然后找到如下图所示文件夹package中js文件夹我们需要js 和css文件夹官网中的中文教程有使用方法...
2022-03-29 18:03:42
1698
原创 关于Vue中Mock.js安装使用
mock数据（模拟）:如果你想mock数据，需要用到一个插件mockjs 前端mock数据不会和你的服务器进行任何通信安装mockjs： npm install mockjs (记住不需要加. mockjs即可)使用步骤:1)在项目当中src文件夹中创建mock文件夹2）第二步准备JSON数据（mock文件夹中创建相应的JSON文件）如果mock数据中使用了图片，把mock需要的图片放置到public文件夹中【public文件夹在打包的时候，会把相应的资源原封不动打包到dist文件夹】..
2022-03-28 22:32:22
582
1原创 vue中出现路由导航出现 Avoided redundant navigation to current location:“/“问题的解决方法。
当我们在使用编程式路由实现跳转的时候，多次执行会抛出NavigationDuplicated的警告错误是因为"vue-router"3版本之后 底层引入了promise。而我们通过声明式导航没有出现此类问题是因为vue-router底层已经处理好了。出现问题如下：解决方法1. 在我们使用编程式导航时，通过给push或replace方法传递相应的成功和失败的回调函数可以捕获到当前的错误解决此问题 如：//编程式导航 this.$router.push({ name:'s
2022-03-26 15:59:53
16705
原创 VUE中日期格式化工具（moment && date_fns)的使用 以及自定义日期格式化
VUE中日期格式化工具（moment && date_fns)的使用 以及自定义全局日期格式化的过滤器
2022-03-25 19:48:48
2183
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人