- 博客(23)
- 资源 (1)
- 收藏
- 关注
原创 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
3208
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
8079
原创 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
4655
原创 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
1193
原创 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
1772
原创 Vue删除数组中的某项
Vue根据索引删除数组中的某项:deleteEdit: function(index){ this.editListData.splice(index, 1);}
2021-09-10 11:54:38
3804
原创 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
362
原创 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
1088
原创 ajax 跨域处理
一、对跨域的理解:跨域问题来源于JavaScript的"同源策略",即只有 协议+主机名+端口号 相同,则允许相互访问;也就是说JavaScript只能访问和操作自己域下的资源,不能访问和操作其他域下的资源。跨域问题是针对JS和Ajax的,html本身没有跨域问题。...
2021-07-28 15:50:06
1403
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
1081
原创 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
540
原创 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
8283
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
1475
原创 解决数组大小排序问题
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
158
原创 对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
290
原创 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
12713
Vue 全家桶知识点梳理(学习笔记-适合初学者使用)
2022-03-11
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人