- 博客(60)
- 收藏
- 关注
原创 解决VScode没有代码提示问题
今天在使用vscode的时候,代码提示突然不管用了,试了好多网上的方法,都不行,最后发现是插件的问题。我卸载此插件后,问题得到解决,希望能帮助到你。
2023-02-21 08:50:09
3553
3
原创 vue3+heightchart实现3D饼图,echarts3D饼图,3D饼图引导线实现
vue3+heightchart实现3D饼图,echarts3D饼图,3D饼图引导线实现
2022-12-30 11:49:50
3842
3
原创 若依前后端分离版本ngnix部署上线到windows环境下,保姆级详细教程
若依前后端分离版本ngnix部署上线到windows环境下,保姆级详细教程
2022-12-21 14:39:17
1256
原创 elementui中form表单的重置方法resetFields,resetFields不生效
elementui中form表单的重置方法resetFields,解决resetFields不生效问题
2022-08-09 13:54:33
2311
原创 VUE项目中如何封装axios请求
首先下载 axios npm i axios在根目录下 创建 utils 目录// 导入axiosimport axios from 'axios'const request = axios.create({ baseURL: 'http:xxxxxxxxxxxxxxxxxxxxxxxxx', // 协议地址 timeout: 5000})// 添加请求拦截器request.interceptors.request.use(function...
2022-05-18 16:11:54
495
原创 如何在vue和element-ui中的table表格实现编辑
效果图如下注意我是用的 dialog 弹窗 写的,大家C过去 记得写控制显示隐藏的visible 属性<template> <el-dialog title="发送邮件" :visible="transmitshow" width="60%" :before-close="handleClose"> <el-button icon="el-icon-plus" circle type="primary"></el-button>.
2022-05-09 19:11:39
1388
原创 ES6数组去重的方法
<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <.
2022-04-05 23:46:22
417
11
原创 防抖和截流超级详细讲解,易懂
防抖函数: 在规定时间内只执行最后一次代码解析:// 1、定义一个业务处理函数function search() { console.log('业务处理函数执行,执行搜索', Math.random())}// 2、防抖函数(事件触发每次都执行防抖函数,但是不一定执行业务处理函数)// 2.1 防抖函数设置1秒延迟执行业务函数function fangdou () { setTimeout(search, 1000)}// 2.2、每次事件发生都要触发防抖.
2022-04-05 20:43:04
3017
1
原创 vue中页面跳转白屏的解决方式,同一路由地址,参数不同跳转白屏的解决方式
路由地址的变化例如下面:http://localhost:8080/#/category/1013001-->地址相同,只有参数发生变化http://localhost:8080/#/category/1013304同一个地址携带不同的参数跳转内容并没有更新原因:地址的变化了,其实本路由对应的path并没有变化(还是#/category),是参数变化了。此时当前路径匹配的组件会被直接复用,这个组件在地址切换的过程中,并没有重新销毁生成,或导致页面白屏的情况出现,也就说,set
2022-04-05 11:45:53
5710
2
原创 JavaScript的同源策略是什么
在客户端编程语言中,如javascript和 ActionScript,同源策略是一个很重要的安全理念,它在保证数据的安全性方面有着重要的意义。同源策略规定跨域之间的脚本是隔离的,一个域的脚本不能访问和操作另外一个域的绝大部分属性和方法。那么什么叫相同域,什么叫不同的域呢?当两个域具有相同的协议, 相同的端口,相同的host,那么我们就可以认为它们是相同的域。同源策略还应该对一些特殊情况做处理,比如限制file协议下脚本的访问权限。本地的HTML文件在浏览器中是通过file协议打开的,如果脚本能通过file
2022-04-05 10:59:40
1758
1
原创 Vue中如何实现Excle表的批量导入
首先下载 npm ixlsx创建一个excle的vue文件注册为全局组件<template> <div> <input ref="excel-upload-input" class="excel-upload-input" type="file" accept=".xlsx, .xls" @change="handleClick" /> <div cla...
2022-04-04 18:52:48
1862
1
原创 vue中v-if和v-show的相同点和不同点
相同点:都能够实现控制元素的隐藏与显示不同点:1.实现的本质方法不同v-show是通过设置css中的display属性来实现的v-if是通过动态的删除或添加DOM书中的及节点来实现的2.编译的区别v-show就是在控制cssv-if有一个局部编译/卸载的过程3.性能比较v-show只编译一次,然后就是在控制display的属性了, v-if是在不停的销毁在创建,相比较之下...
2022-04-01 00:06:37
304
2
原创 vue中data数据为什么定义成函数形式
1,data组件都是vue的实例2,组件共享data属性,当data的值是用一个引用类型的时候,改变其中的值会影响到其他的3,组件中的data写成一个函数,数据以函数返回值的形式定义,这样每次复用组件,都会返回一份新的data,类似于给没个组件实例创建一个私有的数据空间,让各个组件实例维护各自的数据。如果单纯的写成对象形式,就会使所有组件实例共用了一份data数据,会造成一个改变全部跟着改变的结果...
2022-03-31 23:57:19
2410
原创 vue中数据双向绑定的实现原理是什么
首先vue是一个mvvm模型框架概念:双向绑定是vue的一个核心功能,所谓双向绑定就是当试图发生改变的时候传递给VM(ViewModel ),让数据得到更新,当数据发生改变的时候传给VM(ViewModel ),使得视图发生变化vue怎么做到的呢?observer(观察者),劫持监听所有属性,什么意思呢?vue是通过这种模式进行数据劫持的,这种模式是发布者-订阅者模式 订阅者:就像我们生活中在淘宝京东买东西一样,我们是消费者就相当这种模式中的订阅者一样 发布者:你想买的书没货
2022-03-31 21:37:53
3710
原创 vue中的data数据为什么要写成函数
对象为引用类型,当重用组件时,由于数据对象都指向同一个data对象,当在一个组件中修改data时,其他重用的组件中的data会同时被修改;而使用返回对象的函数,由于每次返回的都是一个新对象(Object的实例),引用地址不同,则不会出现这个问题举例说明: // 1.对象方式(所有重用的实例中的data均为同一个对象) var data = { num: 1 } var vm1 = { data: data } var vm2 = { data: data
2022-03-31 21:28:35
345
原创 $nextTick()函数
概念:在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取更新后的 DOM。理解:nextTick(),是将回调函数延迟在下一次dom更新数据后调用,简单的理解是:当数据更新了,dom渲染完毕后,自动执行该函数应用场景:showimg(row) { this.url = row.staffPhoto this.dialogVisible = true this.$nextTick(() => { ...
2022-03-31 00:25:58
1799
原创 如何将并列数据转换为嵌套数据,将并列数据转换为树状数据
例: <script> // 将下列数据转换为嵌套数据 let arr = [ { name: '小明', age: 18, id: 1, pid: '' }, { id: 2, hoby: '篮球', pid: 1 } ] // 将数据转换为如下形式 let arr1 = [ { name: '小明', age: 18, id: 1, ...
2022-03-28 17:30:45
435
原创 vuex配置项 持久化数据保存插件
下载 : npm i vuex-persistedstate配置在store/index.js中,使用插件来做持久化。import createPersistedstate from 'vuex-persistedstate'export default createStore({ modules: { user, cart, category },plugins: [createPersistedstate({key: 'client-pc-store', ...
2022-03-28 10:50:22
157
原创 Vue2中的生命周期函数超详细图文解析(易懂)
首先上图:Vue的生命周期函数分为三个阶段分别是:创建阶段创建阶段对应的四个生命周期函数分别为:beforeCreate( 创建前 )在实例初始化之后,数据观测和事件配置之前被调用,此时组件的选项对象还未创建,el 和 data 并未初始化,因此无法访问methods, data, computed等上的方法和数据。created ( 创建后 )实例已经创建完成之后被调用,在这一步,实例已完成以下配置:数据观测、属性和方法的运算,watch/event事件回调,完.
2022-03-28 10:27:20
3783
空空如也
webscoket服务器
2023-01-10
TA创建的收藏夹 TA关注的收藏夹
TA关注的人