- 博客(25)
- 收藏
- 关注
原创 【Visual Studio Code】源代码管理 传入/传出 可视化版本历史
July 2024 (version 1.92)版本更新的Visual Studio Code 增加了 【源代码管理 - 传入/传出】的可视化视图。在设置里搜索 scm.showHistoryGraph 设置。
2024-08-05 16:48:59
254
原创 HTML元素拖动
需要注意的是:dragenter和dragover事件的默认行为是拒绝接受任何被拖放的元素。因此,我们必须阻止浏览器这种默认行为。拖放涉及到两种元素,一种是被拖拽元素(源对象),一种是放置区元素(目标对象)。如下图所示,按住A元素往B元素拖拽,A元素即为源对象,B元素即为目标对象。首先,为了使元素可拖动,把 draggable 属性设置为。1. 设置元素为可拖放。
2023-04-14 18:08:36
816
原创 vue 阻止页面回退(backspace键)
*这段代码得写在next()的后面,因为写在next()前面location.href并不是to的地址,这点跟vue1.0有点不同。2.在全局的router.beforeEach 函数里面获取allowBack的状态,同时更新vuex的allowBack的值,location.href 获取的仍不是to的地址,所以得根据to的信息来拼起来。2.vue中结合vuex方法。
2023-04-13 15:40:23
1834
原创 vue-countTo属性
Property Description type default startVal 开始值 Number 0 endVal 结束值 Number 2017 duration 持续时间,以毫秒为单位 Number 3000 autoplay 自动播放 Boolean true decimals 要显示的小数位数 Number 0 decimal 十进制分割 Stri
2021-11-19 09:58:01
612
原创 项目中报Cannot read property ‘getAttribute‘ of undefined
项目中用到了echarts图表每次切换路由的时候,控制台就会报一堆错误:Cannot read property 'getAttribute' of undefine这是在火狐浏览器的报错:经验证,发现是设置了图表自适应导致的,有多个图表,然后使用是addEventListener来进行图表自适应,但是在离开当前页的时候,没有清除,就导致了上面的报错 了解到原因后,当离开页面的时候,进行清除就可以了顺便,...
2021-11-19 09:56:35
779
原创 json数组对象转js数组对象
将格式为:["{\"rowid\":64,}","{\"rowid\":64,}"]的json数据转成前端需要的js数据格式["{rowid:64,},{rowid:64,}]ps:使用for in 的时候记得在外面定义变量,不然会报错
2021-11-01 14:03:04
506
原创 echarts中国地图飞线
网上很多代码都不全,只有核心代码,直接cv要么运行不出来,要么报错一大堆,对像我这样的新手及其不友好。这里放上好不容易搞出来的完整代码直接cv就可食用!//先确认已经正确引入echarts5.0以下的版本,版本过高可能无法使用<template> <div id="china_map" style='width:100%;height:465px;'> </div></template><script>imp..
2021-10-11 12:44:42
3350
原创 vue项目中关闭eslint
网上看到有很多关闭vue项目中的eslint的方法。很多都要去build—>webpack.config.js里操作。或者去找rulse添加东西。其实直接在vue根目录里新建一个vue.config.js文件,然后添加module.exports = {lintOnSave: false}就行了。...
2021-10-11 12:38:22
209
2
转载 Vue3的7种和Vue2的12种组件通信
Vue3 组件通信方式props $emit expose / ref $attrs v-model provide / inject VuexVue3 通信使用写法props用 props 传数据给子组件有两种方法,如下方法一,混合写法// Parent.vue 传送<child :msg1="msg1" :msg2="msg2"></child><script>import child from "./child.vue"i
2021-09-01 10:27:40
328
原创 git新建仓库,并提交本地代码到远程
首先创建一个远程仓库点击新建仓库然后输入名称、路径,初始化仓库,已经选择分支模型;最后创建就好啦。然后同步本地代码到远程仓库:先找到本地代码的位置,然后使用git clone 加上刚刚的仓库地址。然后再使用git add .git commit -m"your comment"git push -u origin master -f强行提交代码到远程就ok了。...
2021-09-01 10:12:49
131
转载 Echarts柱状图的一些配置
一、基本柱状图/ /指定图表的配置项和数据varoption={//----标题-----title:{text:'主标题',textStyle:{color:'red'},subtext:'副标题',subtextStyle:{color:'blue'},padding:[0,0,10,100]//位置},//...
2021-07-26 16:32:23
848
原创 vue封装的echarts组件多次被同一个页面调用出现的问题
问题:今天第一次使用echarts时,将它封成了一个组件,然后在同一个页面多次引入时,会出现数据覆盖等一系列问题,导致最后只有一个能够成功渲染出来。解决:查阅资料后发现,只要把id选择器改为ref就行了。改前:改后:然后把原来的id选择器 id = "echartss" 改为ref = "echartss"就行了;...
2021-07-26 11:06:20
492
原创 修改ElementUI组件内的样式
在使用ElementUI的一些组件时,发现他有一些样式是写死的,并且没有可供更改的属性。这个时候就只能自己在css里改了。其中我用到了这些方法。1.使用工具找到要修改的样式所在的层级,然后从父级一级一级找下去,然后在使用!important设为最优先,直接把他原来的样式干掉2.使用/deep/深度修改标签样式3.使用>>>深度选择器相关内容请看下面的文章Vue style 深度作用选择器 >>> 与 /deep/(sa...
2021-07-22 11:28:57
775
原创 使用cnpm instal 安转依赖时出现诡异的错误
cnpm i 一直安装不上,可以看到一直是这个文件https://github.com/nhn/raphael/tarball/2.2.0-c在出问题。最后经过多次测试,估计应该是网络的问题,多试几次应该就行了。
2021-07-21 11:22:27
473
转载 配置路由守卫
路由跳转前做一些验证,比如登录验证,是网站中的普遍需求。对此,vue-route 提供的beforeRouteUpdate可以方便地实现导航守卫(navigation-guards)。导航守卫(navigation-guards)这个名字,听起来怪怪的,但既然官方文档是这样翻译的,就姑且这么叫吧。**文档地址:https://router.vuejs.org/zh/guide/advanced/navigation-guards.html一、全局前置守卫beforEach 守卫方法接收三个参数:
2021-07-19 18:00:28
663
原创 vue中,在当前页面刷新后报错
在我的一个子页面中,刷新页面,会报错,我估计大概原因是因为这个子页面的值是通过上一个页面通过route.query传递过来的,然后再动态渲染上去的,刷新之后,query对象里的值自然就变为空了,所以页面会报值找不到。我的解决思路大概是,在赋值前进行判断,如果query里的值变为空了,则直接把页面返回之前的页面,不让他再进行挂载了,如果query里的值不为空,那么再将query里的值进行赋值,然后将页面放出来让他挂载。代码:boxIsShow:false,created(){...
2021-07-19 11:22:44
1136
1
转载 git命令之git clone用法
2015年02月26日 13:59:11阅读数:81047转:http://blog.csdn.net/wangjia55/article/details/8818845在使用git来进行版本控制时,为了得一个项目的拷贝(copy),我们需要知道这个项目仓库的地址(Git URL). Git能在许多协议下使用,所以GitURL可能以ssh://, http(s)://, git://,或是只是以一个用户名(git 会认为这是一个ssh 地址)为前辍.有些仓库可以通过不只一种协议来访问..
2021-07-16 09:32:27
52774
原创 vue-element-admin登录问题
记录一下关于vue-element-admin登录时遇到问题时,查找到的有用的资料。1.作者(花裤衩)的文档:https://juejin.cn/post/68449034788803707012.兔子零的登录流程梳理https://blog.csdn.net/weixin_43764814/article/details/1013155853.某位叫Veian的用户,当初还是新手时遇到问题(ps和我的逻辑,思路很像):https://www.cnblogs.com/veian1996/p/13
2021-07-15 10:44:45
1136
原创 axios post请求报401
问题:使用axios向后端发送用户名密码时服务器报401解决:请求时没有加请求头,一般加上请求头就好了,另外后端要求将请求跟在请求头(url)后面;修改后请求成功
2021-07-12 17:21:04
2601
3
原创 git提交时报错:husky > pre-commit (node v12.13.0)
问题:今天在使用git提交更改是报错:husky > pre-commit (node v12.13.0)解决:进入.git文件夹进入hooks文件夹,找到pre-commit文件,并删除掉,再次提交更改就好了ps:pre-commit(客户端)钩子,它会在Git键入提交信息前运行做代码风格检查。如果代码不符合相应规则,则报错。...
2021-07-12 13:48:18
1442
原创 vue elementUI 日期报错 dateObject.getTime is not a function
代码这样:报错dateObject.getTime is not a function最终通过删除数组里的type:"date",这一行得以解决;猜测可能是因为这个日期选择时的数据类型不是date,和emelent组件封装的类型不同。...
2021-07-07 16:14:23
633
转载 Vue 页面权限控制和登陆验证
页面权限控制页面权限控制是什么意思呢?就是一个网站有不同的角色,比如管理员和普通用户,要求不同的角色能访问的页面是不一样的。如果一个页面,有角色越权访问,这时就得做出限制了。Vue 动态添加路由及生成菜单这是我写过的一篇文章,通过动态添加路由和菜单来做控制,不能访问的页面不添加到路由表里,这是其中一种办法。另一种办法就是所有的页面都在路由表里,只是在访问的时候要判断一下角色权限。如果有权限就让访问,没有权限就拒绝,跳转到 404 页面。思路:在每一个路由的meta属性里,将能访..
2021-07-06 11:09:30
641
转载 vuex的Store简单使用过程
使用vue-cli命令行创建项目(项目名为murenziwei) 1 vue create murenziwei 你会被提示选取一个 preset。你可以选默认的包含了基本的 Babel + ESLint 设置的 preset,也可以选“手动选择特性”来选取需要的特性。按下Enter,等da我现在只需要一个能运行的vue项目就行,命令执行完成后,文件夹会自动生成一个vue项目按照上面图片红色框的命令来执行 1 2 3 .
2021-07-06 11:06:47
652
原创 vue-cli4引入jquery和bootstrap
1、下载jquerynpm install jquery --save-dev2、vue.config.js中webpack配置configureWebpack添加jquery插件在项目根目录下创建文件vue.config.js,与package.json同级。const webpack = require("webpack");module.exports = { configureWebpack: { //支持jquery plugins: [ ...
2021-07-06 10:57:39
128
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人