- 博客(24)
- 收藏
- 关注
RSS订阅原创 HTML元素拖动
需要注意的是：dragenter和dragover事件的默认行为是拒绝接受任何被拖放的元素。因此，我们必须阻止浏览器这种默认行为。拖放涉及到两种元素，一种是被拖拽元素（源对象），一种是放置区元素（目标对象）。如下图所示，按住A元素往B元素拖拽，A元素即为源对象，B元素即为目标对象。首先，为了使元素可拖动，把 draggable 属性设置为。1. 设置元素为可拖放。
2023-04-14 18:08:36
793
原创 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
1795
原创 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
603
原创 项目中报Cannot read property ‘getAttribute‘ of undefined
项目中用到了echarts图表每次切换路由的时候，控制台就会报一堆错误：Cannot read property 'getAttribute' of undefine这是在火狐浏览器的报错：经验证，发现是设置了图表自适应导致的,有多个图表，然后使用是addEventListener来进行图表自适应，但是在离开当前页的时候，没有清除，就导致了上面的报错 了解到原因后，当离开页面的时候，进行清除就可以了顺便，...
2021-11-19 09:56:35
775
原创 json数组对象转js数组对象
将格式为:["{\"rowid\":64,}","{\"rowid\":64,}"]的json数据转成前端需要的js数据格式["{rowid:64,},{rowid:64,}]ps：使用for in 的时候记得在外面定义变量，不然会报错
2021-11-01 14:03:04
501
原创 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
3309
原创 vue项目中关闭eslint
网上看到有很多关闭vue项目中的eslint的方法。很多都要去build—>webpack.config.js里操作。或者去找rulse添加东西。其实直接在vue根目录里新建一个vue.config.js文件，然后添加module.exports = {lintOnSave: false}就行了。...
2021-10-11 12:38:22
199
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
317
原创 git新建仓库，并提交本地代码到远程
首先创建一个远程仓库点击新建仓库然后输入名称、路径，初始化仓库，已经选择分支模型；最后创建就好啦。然后同步本地代码到远程仓库：先找到本地代码的位置，然后使用git clone 加上刚刚的仓库地址。然后再使用git add .git commit -m"your comment"git push -u origin master -f强行提交代码到远程就ok了。...
2021-09-01 10:12:49
125
转载 Echarts柱状图的一些配置
一、基本柱状图/ /指定图表的配置项和数据varoption={//----标题-----title:{text:'主标题',textStyle:{color:'red'},subtext:'副标题',subtextStyle:{color:'blue'},padding:[0,0,10,100]//位置},//...
2021-07-26 16:32:23
834
原创 vue封装的echarts组件多次被同一个页面调用出现的问题
问题：今天第一次使用echarts时，将它封成了一个组件，然后在同一个页面多次引入时，会出现数据覆盖等一系列问题，导致最后只有一个能够成功渲染出来。解决：查阅资料后发现，只要把id选择器改为ref就行了。改前：改后：然后把原来的id选择器 id = "echartss" 改为ref = "echartss"就行了；...
2021-07-26 11:06:20
488
原创 修改ElementUI组件内的样式
在使用ElementUI的一些组件时，发现他有一些样式是写死的，并且没有可供更改的属性。这个时候就只能自己在css里改了。其中我用到了这些方法。1.使用工具找到要修改的样式所在的层级，然后从父级一级一级找下去，然后在使用!important设为最优先，直接把他原来的样式干掉2.使用/deep/深度修改标签样式3.使用>>>深度选择器相关内容请看下面的文章Vue style 深度作用选择器 >>> 与 /deep/（sa...
2021-07-22 11:28:57
766
原创 使用cnpm instal 安转依赖时出现诡异的错误
cnpm i 一直安装不上，可以看到一直是这个文件https://github.com/nhn/raphael/tarball/2.2.0-c在出问题。最后经过多次测试，估计应该是网络的问题，多试几次应该就行了。
2021-07-21 11:22:27
469
转载 配置路由守卫
路由跳转前做一些验证，比如登录验证，是网站中的普遍需求。对此，vue-route 提供的beforeRouteUpdate可以方便地实现导航守卫（navigation-guards）。导航守卫（navigation-guards）这个名字，听起来怪怪的，但既然官方文档是这样翻译的，就姑且这么叫吧。**文档地址：https://router.vuejs.org/zh/guide/advanced/navigation-guards.html一、全局前置守卫beforEach 守卫方法接收三个参数：
2021-07-19 18:00:28
658
原创 vue中，在当前页面刷新后报错
在我的一个子页面中，刷新页面，会报错，我估计大概原因是因为这个子页面的值是通过上一个页面通过route.query传递过来的，然后再动态渲染上去的，刷新之后，query对象里的值自然就变为空了，所以页面会报值找不到。我的解决思路大概是，在赋值前进行判断，如果query里的值变为空了，则直接把页面返回之前的页面，不让他再进行挂载了，如果query里的值不为空，那么再将query里的值进行赋值，然后将页面放出来让他挂载。代码:boxIsShow:false,created(){...
2021-07-19 11:22:44
1129
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
52720
原创 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
1102
原创 axios post请求报401
问题：使用axios向后端发送用户名密码时服务器报401解决：请求时没有加请求头，一般加上请求头就好了，另外后端要求将请求跟在请求头（url）后面；修改后请求成功
2021-07-12 17:21:04
2585
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
1406
原创 vue elementUI 日期报错 dateObject.getTime is not a function
代码这样：报错dateObject.getTime is not a function最终通过删除数组里的type:"date",这一行得以解决；猜测可能是因为这个日期选择时的数据类型不是date，和emelent组件封装的类型不同。...
2021-07-07 16:14:23
620
转载 Vue 页面权限控制和登陆验证
页面权限控制页面权限控制是什么意思呢？就是一个网站有不同的角色，比如管理员和普通用户，要求不同的角色能访问的页面是不一样的。如果一个页面，有角色越权访问，这时就得做出限制了。Vue 动态添加路由及生成菜单这是我写过的一篇文章，通过动态添加路由和菜单来做控制，不能访问的页面不添加到路由表里，这是其中一种办法。另一种办法就是所有的页面都在路由表里，只是在访问的时候要判断一下角色权限。如果有权限就让访问，没有权限就拒绝，跳转到 404 页面。思路：在每一个路由的meta属性里，将能访..
2021-07-06 11:09:30
639
转载 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
647
原创 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
126
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人