- 博客(17)
- 收藏
- 关注
原创 vue elementui el-table表格增删改(结合form表单)
vue elementui el-table表格增删改(结合form表单)
2022-06-24 10:46:18
1168
原创 vue echarts 多个图表 后台数据填充到页面,并自适应
数据填充1.从后台获取相应图表所需数据,在div中循环遍历数据2,区分趋势和单点,获取相应的数据,通过参数传递数据,3在showData中先将获取到的图表数据推送到空数组中,判断图标类型调用相应生成图表方法在不同方法中通过不同的参数获取相应x轴,y轴, 环形图data,仪表盘的数据,最后绘制相应数据的图表自适应通过循环获取所有图表,通过resize方法。屏幕大小改变重新加载图表......
2022-06-20 10:26:42
781
原创 vue项目el-table分页
1.html样式: <template> <el-table :cell-style="{'text-align':'center'}" :header-cell-style="{'text-align':'center'}" style="width: 100%; background-color: rgba(255,255,255,0.1);" v-bind:data="tableData
2022-04-15 11:15:37
1544
原创 vue中引用高德地图根据经纬度计算两地距离
vue中引用高德地图根据经纬度计算两地距离一.示例图:npm安装 npm install vue-amap --save在min.js文件中引入vue-amapimport VueAMap from 'vue-amap';Vue.use(VueAMap); // 初始化高德地图的 key 和插件VueAMap.initAMapApiLoader({ key: '8f2cabe1725281788ba9de184184942f', plugin: ['AMap.Autocomple
2021-07-14 10:04:41
2554
2
原创 Git相关知识
常用命令总结mkdir 创建目录touch 创建文件echo “111” 出输出内容echo “111”>>>文件名 如果文件不存在则创建文件并写入内容 如果文件存在则追加内容rm -rf 文件或作者目录 递归删除cd 切换目录pwd 查看当前所在位置ll -a 查看所有文件包含隐藏文件 【a-all】ll 查看所有文件git init 初始化git仓库git config --list 查看git配置git log 查
2021-04-13 15:22:59
58
原创 Git相关知识
1.Git的作用、目的实现多人合作开发Git是什么版本控制器Git ----分布式版本控制器Git 可以在本地形成版本控制,不用依赖中央仓库Svn -----集中式版本控制器Svn不可以再本地形成版本控制器,需要依赖中央仓库存在的意义:项目分布开发,将每个人开发的数据整合到一起,通过git进行整合项目开发分为多个版本(v1.0、v2.0。。。。。),通过git进行控制,可以切换版本分布式与集中式的区别分布式可以在本地生成版本,集中式必须上传到中央仓库才可以形成对应的版本Github
2021-04-11 18:56:32
39
原创 获取相册图片列表
1.定义相册列表属性2.动态获取请求的地址2.1.当前选中相册图片列表urlgetImageListUrl(){ // return `/admin/imageclass/${this.image_class_id}/image/ ${this.currentPage}` return `/admin/imageclass/1104/image/${this.currentPage}?lmit=${this.pageSize}` }2.2.获取相册idimage_c
2021-04-02 08:22:56
142
原创 前端面试题
1.vuex的工作流程vuex的作用:项目数据状态的集中管理,复杂组件的数据通信问题。state:vuex的基本数据,用来存储变量getters:从基本数据派的数据,相当于state的计算属性mutation:提交跟新数据的方法,必须是同步的,每个mutation都有一个字符串的事件类型和一个回调函数action:提交的是mutation,而不是直接变成状态,action 可以包含任意的异步操作modules:模块化,可以让每一个模块拥有自己的state,
2021-03-31 14:02:44
51
原创 前端面试题
1.自我介绍vue组件通信 有三种,一种是父子组件传参,一种是兄弟组件传参,一种是隔代组件传参 1. props/$emit适用于父子传值 2. EventBus公交传值 emit/on 3.parent/children访问父子 4.localStorage与sessionStorage组件传值 5.vuex数据管理传值 6.attrs/listeners隔代组件通信 7.provide/inject隔代组件通信vue双向数据绑定 1.vue 双向数据绑定是通过
2021-03-30 16:34:03
59
原创 全局loading加载
全局加载(loading)初始化全局loading状态let loading = null封装loading显示与隐藏的方法//显示加载function showLoading(){ if(requestCount === 0){ loading = Message({ message:"加载中...", duration:0 })}//隐藏加载function hideLoading(){ if(loadin
2021-03-29 15:07:54
521
1
原创 用户登陆操作
登录判断验证添加请求拦截器axios.interceptors.request.use((config)=>{ console.log(config) let token = window.sessionStorage.getItem("token) if(config.token === true){ config.headers.token = token } console.log(config)
2021-03-25 19:54:58
125
原创 安装htttp协议库(axios)
#安装htttp协议库(axios)##方式一 黑窗口npm install axios注意:需要在发送请求的页面 引入axiosimport axios from “axios”##方式二 git窗口vue add axios#登录验证1.请求指定接口地址http://ceshi5.dishait.cn/admin2.获取到登录表单中的数据【用户名 密码】3.请求成功4.请求失败如果用户登陆失败,返回响应对象err.response 并且判断错误码是否为true
2021-03-25 08:53:09
148
原创 路由二次封装
二次封装原因:一个项目路由太多,为了书写简便;路由可能要无限嵌套,太麻烦使用后内容path和name是可以省略的,所以对他进行判断然后将其省略component:()=>import(“…/views/index/index.vue”) ==》component:“index/index”过程:1.获取路由信息2.封装自动生成路由3.因为他可能存在多层路由,所以要进行一层层循环4.判断component是否存在数据5.如果component存在,就将它共性的进行拼接,然后自动生成
2020-12-20 19:55:28
186
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人