- 博客(27)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue3 使用echarts map绘制3D中国地图，实现点位涟漪和飞线图效果
vue3 使用echarts map绘制3D中国地图，实现点位涟漪和飞线图效果
2024-11-06 15:58:24
2848
1
原创 vue3 路由传参方式(query、state)
当使用router.push进行传递复杂数据类型时，如果有字段的属性为Date对象，那么将会转换成字符串，这样就不能在route.query中获取到正确的日期对象，可能会出现乱码。2、注意：push 中的配置项 query 或者 params 接受的是一个对象，所以需要定义一个字段来存储 JSON 数据。3、在获取数据时需要使用 JSON.parse(history.state.params) 获取数据。原页面使用 push 跳转，用 state 传递参数。跳转页面通过 history 接收传递的参数。
2024-10-16 14:48:31
799
2
原创 vue禁用鼠标右键
使用@contextmenu.native在框架主页面添加右键调用函数<template> <el-container class="container" @contextmenu.native="handlePaste($event)"></template>在函数 handlePaste 中添加禁止冒泡事件methods: { handlePaste (event) { // 禁用鼠标右键 event.preventDef
2022-03-08 09:45:30
3299
1
原创 vue使用session功能，保存和获取对象信息
vue操作session，保存和获取对象信息 const path = '/user' const tabsData = [] const tab = { path: '/' + path, name: name } tabsData.push(tab) // 保存 window.sessionStorage.setItem('tabsData', JSON.stringify(tabsData)) // 获取 JSON.parse(window.se
2022-03-03 11:29:44
8330
1
原创 Vue 监听数据渲染完成后执行某方法
使用 watch 给数据添加事件监听，并设置 table 组件默认添加 loading ，当表格数据 categoriesList 渲染完成后实行 this.loading = false，取消 loading。可解决表格加载等待的问题。<Table v-loading="loading" :tableData="categoriesList"></Table>data () { return { loading: true,
2021-12-28 11:09:02
5105
原创 js修改scss样式中定义的属性值
1、设置并应用主题色// --primaryColor：为js操作此变量需要用到的KEY// '#6081c5': 默认的css属性值<style lang="scss" scoped>$primaryColor: var(--primaryColor, '#6081c5');.ss{ background: $primaryColor;}</style>2、js中修改 --primaryColor 属性值document.getElementsByTagNam
2021-12-06 11:09:42
1302
原创 vue-cli3.0 配置使用 less 全局样式
在css样式文件夹中新增 global.less 作为全局样式，在 main.js 中通过 import 导入，可正常使用样式，但 global.less 中定义的样式属性还不能全局使用，需通过以下方法配置。1、安装 style-resources-loader 和 vue-cli-plugin-style-resources-loader 两个插件npm i style-resources-loader vue-cli-plugin-style-resources-loader -D2、在 vue
2021-11-25 10:22:47
1851
原创 Vue删除数组中的某项
Vue根据索引删除数组中的某项：deleteEdit: function(index){ this.editListData.splice(index, 1);}
2021-09-10 11:54:38
3978
原创 setInterval 和 clearInterval 的用法
setInterval 和 clearInterval 的用法： var times = 10; var timeOut = setInterval(() => { if (times != 0) { $("#accept").html("同意（"+times+"）"); } else { $("#accept").html("同意"); $("#accept").removeClass("btnDisable"); $("#acce
2021-08-24 10:50:16
400
原创 react安装使用jsonp请求第三方接口
一、安装Jsonpnpm install jsonp --save二、封装组件建一个axios文件夹，创建index.js文件import Jsonp from 'jsonp' export default class Axios{ static jsonp(options){ return new Promise((resolve, reject) => { Jsonp(options.url,{
2021-08-05 16:16:21
1224
原创 ajax 跨域处理
一、对跨域的理解：跨域问题来源于JavaScript的"同源策略"，即只有 协议+主机名+端口号 相同，则允许相互访问；也就是说JavaScript只能访问和操作自己域下的资源，不能访问和操作其他域下的资源。跨域问题是针对JS和Ajax的，html本身没有跨域问题。...
2021-07-28 15:50:06
1468
1
原创 nginx配置代理
antd design pro 配置了多个代理时，本地服务能正常访问devServer: { proxy: [ { context: ['/api', '/auth', '/equ', '/project', '/mon'], target: 'http://47.106.183.125:8088', changeOrigin: true, }, ], },发布到nginx服务器时，nginx.conf 文件需
2021-07-19 17:01:57
1110
原创 npm与yarn安装命令整理
一、使用npm安装1、安装命令 npm install vuex@4.0.0 --save-dev npm install vuex@4.0.0 --save npm install vuex@4.0.0 -g命令解析：save：将保存配置信息到package.json的dependencies节点中。 --save-dev：将保存配置信息到package.json的devDependencies节点中。 dependencies：运行时的依赖，发布后，生产环境下需要用的模块（生产
2021-04-29 23:13:15
581
原创 vuex指定版本安装
通过命令行查询可用的包的版本号： npm view vuex versions --jsonPS F:\学习\Vue\vue_stu> npm view vuex versions --json [ "0.1.0", "0.2.0", "0.3.0", "0.4.0", "0.4.1", "0.4.2", "0.5.0", "0.5.1", "0.6.1", "0.6.2", "0.6.3", "0.7.0", "0.7.1", "0.8
2021-04-29 22:33:57
8627
1
原创 Jquery动态给对象添加属性
var data = [ { id: 1, name: 'apple', }, { id: 2, name: 'orange', },];var content = {};data.forEach(n=> { content [data[i].name] = true;});
2021-04-02 14:00:45
1529
原创 解决数组大小排序问题
const newData = [ { id: 1, score: 88, }, { id: 1, score: 53, }, { id: 1, score: 41, }, { id: 1, score: 43, }, { id: 1, score: 91, },];按数组元素score从大到小排列：newData = newData.sort(function(a, b){return (a.score < b.score) ? 1
2021-04-01 15:39:05
194
原创 对MVC、MVP和MVVM三者的理解
一、MVC（Model-View-Controller）MVC是比较直观的架构模式，用户操作->View（负责接收用户的输入操作）->Controller（业务逻辑处理）->Model（数据持久化）->View（将结果反馈给View）。MVC使用非常广泛，比如JavaEE中的SSH框架二、MVP（Model-View-Presenter）mvp的全称为Model-View-Presenter，Model提供数据，View负责显示，Controller/Presenter负责逻
2021-03-30 11:26:43
330
原创 React父子组件间方法调用
1、React 子组件调用父组件方法：（通过props传递）（1）父组件页面定义changeTypeTable() 方法：changeTypeTable = value => { this.setState({ typeTable: value, }); };（2）通过props传递给子组件：return ( <Detail wrappedComponentRef={form => { this.detailForm
2021-03-29 14:26:34
13275
Vue 全家桶知识点梳理（学习笔记-适合初学者使用）
2022-03-11
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人