懒啦-CSDN博客

原创 vue+openLayers闪烁图形/线段/点都可以使用类似的方法

2.利用定时器（单数的时候样式一，双数的时候样式二）由此来实现闪烁效果。1.先定义两个样式，闪烁时两个样式相互交换。

2024-01-23 11:02:16 928

原创【无标题】vue自定义表单验证的时候报错TypeError: callback is not a function

自定义函数必须是三个参数这三个而且callback这个参数必须存在而且在第三个位置，可是我写的是对的呀，控制台还是报错methods: {if (!= 0) {callback(new Error('经度范围是73.66至135.05，保留6位小数且最后一位不能为0'))} else {callback()} else {callback(new Error('经度范围是73.66至135.05，保留6位小数且最后一位不能为0'))},

2024-01-23 10:12:11 1015

原创 ERR_PNPM_FETCH_404 GET https://registry.npm.taobao.org/@qiaoqiaoyun/drag-free/-/drag-free-1.

ERR_PNPM_FETCH_404 GET https://registry.npm.taobao.org/@qiaoqiaoyun/drag-free/-/drag-free-1.0.52.tgz: Not Found - 404

2023-08-21 14:18:08 3006

原创 ant-design-vue 的通过控制a-table的滚动条实现表格滚动效果

鼠标移入滚动条停止滚动，鼠标移出滚动条继续滚动。

2023-04-17 15:12:52 3238 1

原创 ant-design-vue 图片预览组件，支持旋转，放大缩小，下载（主要是js完成）

ant-design-vue图片预览，放大，缩小，旋转

2023-04-17 14:45:03 1796

原创 Ant Design of Vue对话框a-model动态实现显示隐藏底部

Ant Design of Vue对话框a-model动态实现显示隐藏底部

2023-01-11 15:27:34 3209

原创 Ant Design Vue 修改表格头部样式

ant des vue (a-table)修改表格头部样式

2022-10-20 09:42:36 6084 2

原创 vue2+elementUI的el-tree的懒加载

vue+el-tree

2022-09-22 11:09:09 2049

原创 vue引用json文件

vue中使用json文件

2022-09-21 09:29:42 916

原创 vue2+elementUI的el-tree的选中、高亮、定位

vue2+el-tree的选中、高亮、定位

2022-09-18 14:45:26 6633 2

原创 Vue.js使用Blob的方式实现excel表格的下载(流文件下载)

最近在做blob流导出相关功能，其中需要导出excel、csv、word、zip压缩文件之类的，在导出excel和word中需要知道对应的content-type属性，关于blob格式如下：后缀MIME Type.docapplication/msword.docxapplication/vnd.openxmlformatsofficedocument.wordprocessingml.document.xlsapplication/vnd.ms-excel.x

2022-04-22 11:21:23 3058

原创配置git忽略vue项目的node_modules依赖

1.在vue项目中新建一个名为 .gitignoe的文件夹2.打开文件填入/node_modules/

2022-04-02 11:32:22 1410

原创 vue中二次封装 axios 以及跨域问题

1.在vue脚手架里面src文件下面创建一个api文件夹里面分别创建index.js 和 request.js 如下图2.request.js文件// 请求import axios from 'axios'// create an axios instance 创建axios实例const instance = axios.create({ baseURL: 'http://192.168.3.6:8082', // api 的 base_url withCredentials:

2022-03-24 10:43:25 1663

原创 vue实现token登录验证

token可用于登录验证和权限管理。大致步骤分为：前端登录，post用户名和密码到后端。后端验证用户名和密码，若通过，生成一个token返回给前端。前端拿到token存储到localStorage管理，登录成功进入首页。之后前端每一次权限操作如跳转路由，都需要判断是否存在token，若不存在，跳转至登录页。前端之后的每一个对后端的请求都要在请求头上带上token，后端查看请求头是否有token，拿到token检查是否过期，返回对应状态给前端。若token已过期，清除token信息，跳转至登录

2022-03-24 10:18:39 9034 7

原创 error ‘xxx‘ is defined but never used no-unused-vars 的解决方法

vue error ‘_‘ is defined but never used no-unused-vars 解决方法错误描述：App.vue中的 ‘err’ 已定义定义却从未使用过解决方法：在相应代码处加上注释 // eslint-disable-line no-unused-vars handleClose(done) { this.$confirm('确认关闭？') .then(_ => { // eslint-disable-line no-unu

2022-03-08 11:08:48 8783

原创 element ui的使用导航栏跳转路由的用法详解

使用elemen-ui的导航栏做路由跳转切换页面先复制官方的例子<el-menu :default-active="activeIndex" class="el-menu-demo" mode="horizontal" @select="handleSelect"> <el-menu-item index="1">处理中心</el-menu-item> <el-submenu index="2"> <template slot="ti

2022-03-08 11:03:34 5191

原创路由导航守卫控制访问权限

路由导航守卫控制访问权限如果用户没有登录，但是直接通过URL访问特定页面，需要重新导航到登录页面// 挂载路由导航守卫router.beforeEach((to,from, next)=>{ // to 将要访问的路径 // from 代表从哪个路径跳转而来 // next 是一个函数，表示放行，有两种写法如下： // next() 放行 next('/login') 强制跳转 // 如果用户访问登录页，直接放行 if(to.path === '/login') r

2022-02-08 11:18:30 768

原创 vue-尚品汇项目 -尚硅谷项目笔记-项目配置

2.1 项目运行起来时，让浏览器自动打开在项目根目录下的package.json文件里面的scripts里面的serve后面加上 --open"scripts": { "serve": "vue-cli-service serve --open", "build": "vue-cli-service build", "lint": "vue-cli-service lint" },2.2 eslint校验功能关闭— 在根目录下，创建一个vue.config.js

2022-01-29 10:51:37 1550

原创 js写轮播图，鼠标移入轮播图停止，鼠标移出轮播图继续

要求：1、点击按钮，切换图片；　　　2、图片能够自动轮播；　　 3、鼠标移入，轮播停止；移出继续轮播；知识点：1、定时器：setInterval()；　　　　2、鼠标移入事件：onmouseenter/onmouseover；　　　　　鼠标移出事件：onmouseleave/onmouseout；难点：假设轮播图轮播到第二张图片，此时点击第一张图片，我们想要的效果是鼠标移出后，图片轮播到第二张图片，到事实是轮播到第三张图片。<!DOCTYPE html><html

2022-01-10 12:35:11 5997

原创 vue的scoped情况下通过父组件修改子组件的样式

在正常情况下vue父组件中是无法修改子组件的样式但是又不能去掉scoped，因为去掉scoped会污染全局的样式所以可以选择使用深度选择器1.>>>如果项目使用的是css原生样式，那么可以直接使用>>>穿透来修改样式编译前：<style scoped>.a >>> .b { /* ... */ }</style>编译后：.a[data-v-f3f3eg9] .b { /* ... */ }2./d

2022-01-06 09:35:09 673

原创 VS Code打开vue文件出现很多黄色波浪线的解决办法（ESlint插件引起）

是ESlint插件引起的禁用就行禁用之后重新打开vscode问题就解除了

2022-01-03 15:32:04 2548

原创 vscode使用git

1.暂存更改2.提交3.输入提交日志4.推送5.下拉代码（最好在推送之前下拉代码）

2021-12-20 10:43:20 167

原创 [vuex] module namespace not found in mapState(): countOptation/

项目场景：vuex的模块化+namespaced: true,问题描述：出现namespace按理说是命名空间没有改成trueconst countOptation = { // 命名空间namespaced: true namespaced: true, // 准备actions对象 actions: { jiaOdd(context, val) { if (context.s

2021-12-05 15:15:05 4384 3

原创 vue笔记

ref属性1.被用来给元素或子组件注册引用信息（id的替代者）2.应用在html标签上获取的是真实DOM元素，应用在组件标签上是组件实例对象（vc）3.使用方式：打标识： <h1 ref="xxx">....<h1>或<School ref="xxx" />获取：this.$refs.xxx配置项props功能：让组件接收外部传过来的数据（1）传递数据： <Demo name="xxx">（2）接收数据：第一种方式（只接收）:

2021-11-30 21:56:56 488

原创分析脚手架

├── node_modules├── public│ ├── favicon.ico: 页签图标│ └── index.html: 主页面├── src│ ├── assets: 存放静态资源│ │ └── logo.png│ │── component: 存放组件│ │ └── HelloWorld.vue│ │── App.vue: 汇总所有组件│ │── main.js: 入口文件├── .gitignore: git 版本管制忽略的配置├── babel.config.j.

2021-11-30 21:38:07 89

原创 vue创建脚手架

初始化脚手架一、说明1.Vue脚手架是Vue官方提供的标准化开发工具2.具体查看官方文档二、具体步骤1.全局安装@vue/cli（仅第一次执行）注意：要以管理员的身份打开cmdnpm install -g @vue/cli安装完成后在输入vue，显示下图则证明安装成功2.切换到要创建项目的目录，然后使用命令创建项目vue create xxxx自行选择适合的vue版本3.启动项目1.先进入创建的文件夹的路径： cd vue_text2. 然后输入： np

2021-11-30 21:26:52 736

原创 vue的v-for循环中图片加载路径问题

vue的v-for循环中图片加载路径问题产品要求要求图片和它的名字一一对应，vue中的img的src可以动态绑定到一个变量上<template><div id="app"> <ul> <li v-for ="a,b in data" :key="b"> <img :src="a.url" alt="flowers"> <p>{{item}}</p>

2021-11-17 17:54:33 3851

原创 vue的生命周期

二、生命周期1.创建阶段的生命周期函数首先通过var vm = new Vue({}) 创建一个Vue实例对象，vm是一个空的Vue实例对象beforeCreate() （初始化之后）在beforeCreate()生命周期函数执行的时候，vue对象中的data和methods中的数据没有初始化，在beforeCreate()中无法访问data数据和methods中的方法；2.created() （创建完成）此时data数据和methods中的方法已经初始化好了，也就是说，3.create

2021-11-04 10:53:40 1070

原创 vue基础语法

一、vue基础语法插值表达式数据绑定最常见的形式就是使用{{…}}（双大括号）<div id="app"> <div>{{ message }}</div> </div> <script> new Vue({ el: '#app', data: { me

2021-11-04 10:48:35 104

原创 2021-10-09

raise InvalidHeader(“Invalid return character or leading space in header: %s” % name)requests.exceptions.InvalidHeader: Invalid return character or leading space in header: User-Agent错误今天爬虫的时候遇到了从来没有遇见过的错误raise InvalidHeader("Invalid return character or

2021-10-09 10:57:46 146

qq_47648083的博客