![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
笔记
很不错!
这个作者很懒,什么都没留下…
展开
-
使用Element组件中table表格翻页如何让序号延续递增
在使用Element组件做table表格和加入分页功能之后,在我们表格翻页后表格序号没有延续上一页序号进行递增,如图:通过Elemen官方文档查询到:如果设置了type=index,那么可以通过传递index属性来自定义索引效果如下:...原创 2021-10-22 00:45:00 · 375 阅读 · 0 评论 -
vue侦听器watch基本使用
一.watch概述:vue提供的一个响应数据变化的通用方法,一个对象,键是需要观察的表达式,值是对应回调函数。值也可以是方法名,或者包含选项的对象。Vue 实例将会在实例化时调用 $watch(),遍历 watch 对象的每一个属性,当需要在数据执行异步或开销较大的操作时,这个方法最有效.语法:// newVal :当前值 oldVal: 上一刻值watch: { "被侦听的属性名" (newVal, oldVal){ }}实列代码:<..原创 2021-10-21 19:59:01 · 227 阅读 · 0 评论 -
数组平铺结构转换为树形结构
* 把平铺的数组结构转成树形结构** [* {id:"01", pid:"", "name":"大王" },* {id:"02", pid:"01", "name":"小王" }* ]* 上面的结构说明: 大王是小王的上级*/function tranListToTreeData(list) { // 1. 定义两个中间变量 const treeList = [], // 最终要产出的树状数据的数组 map = {} // 存储映射关系/.原创 2021-10-21 18:57:26 · 147 阅读 · 0 评论 -
svg图标收缩展开
效果图:一.判断是否展开,来显示不同的展开收起图标如果当前节点有 children 则根据node.expanded 来判断显示加号还是减号 'tree' : 'user'" svg图标可自行更改二.如何给没有孩子节点的对象加一个头像三.消除默认展开图标...原创 2021-10-20 21:07:31 · 462 阅读 · 0 评论 -
axios的响应拦截器
一.拦截器介绍:一般在使用axios时,会用到拦截器的功能,一般分为两种:请求拦截器、响应拦截器请求拦截器: 在请求发送前进行必要操作处理,例如添加统一cookie、请求体加验证、设置请求头等,相当于是对每个接口里相同操作的一个封装 响应拦截器: 响应拦截器也是如此功能,只是在请求得到响应之后,对响应体的一些处理,通常是数据统一处理等,也常来判断登录失效等// 请求拦截器instance.interceptors.request.use(req=>{}, err=>{});/.原创 2021-10-18 15:29:44 · 11434 阅读 · 2 评论 -
vue中$route和$router区别
一、$route和$router区别$router为VueRouter实例,想要导航到不同URL,则使用$router.push方法 $route为当前router跳转对象里面可以获取name、path、query、params等看图示列:红框中就可以看出$router中含有history属性,可以实现路由跳转 $route中含有query,params属性,跳转路由中传递参数就靠这两个...原创 2021-10-17 23:25:45 · 279 阅读 · 0 评论 -
dispatch和commit的使用
dispatch是一个异步操作this.$store.dispatch (actions的方法)commit 同步操作 this.$store.commit(mutations的方法)原创 2021-10-17 23:15:15 · 361 阅读 · 0 评论 -
sync和v-model的区别
1.v-model的原理:<com1 v-model="num"></com1> // <!--v-model 是语法糖-->等价于<com1 :value="num" @input="(val)=>this.num=val"></com1> <!--v-model的默认行为是input,默认prop是value-->v-model通常用于表单控件,因为这样子组件有更强的控制能力2..sync修饰符的原理原创 2021-10-17 23:00:03 · 251 阅读 · 0 评论 -
统计及数组中每个元素出现的次数
现有数组:arr = ['b', 'c', 'b', 'a', 'b', 'c'],统计出每个元素出现的次数.一.forEach统计每个元素出现的次数原创 2021-10-17 20:53:08 · 326 阅读 · 0 评论 -
什么是跨域?跨域解决方法
一.为什么会出现跨域问题?跨域出于浏览器的同源策略限制。同源策略:它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现。同源策略会阻止一个域的javascript脚本和另外一个域的内容进行交互。所谓同源(即指在同一个域)就是两个页面具有相同的协议,主机和端口号二.什么是跨域?当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域三.跨域请求报错原因和原创 2021-10-17 18:08:20 · 2590 阅读 · 0 评论 -
当我们打开首页时,加载了哪些组件
一.咋我在启动项目后可以通过浏览器查看都是先挂载在App.vue主组件上,显示不同的组件如图下图所示:一般来说人资后台都是两个一级路由,分别是Login登录页和Layout具体内容页,和若干个二级路由和三级路由组成。<template> <div id="app"> <router-view /> </div></template> <script>export default { name:.原创 2021-10-14 14:08:23 · 447 阅读 · 0 评论 -
个人笔记(js常用Array方法,文章底部干货,点赞收藏)
1-Array.prototype.filter() 语法: var newArray = arr.filter(callback(element[, index[, array]])[, thisArg])描述:filter为数组中的每个元素调用一次callback函数,并利用所有使得callback返回 true 或等价于 true的值的元素创建一个新数组。callback只会在已经赋值的索引上被调用,对于那些已经被删除或者从未被赋值的索引不会被调用。那些没有通过callb...原创 2021-10-13 21:23:40 · 101 阅读 · 0 评论 -
前端开发常用快捷键
webstorm: Alt+Tab 窗口切换√ Alt+ left/right 切换代码视图√ alt+F2浏览网页 file里面settings可以改字体 ctrl+F查询 ctrl+alt+下箭头可以多个复制 alt+1左侧栏隐藏√ shift+F6重命名√ ctrl+shift+u 小写大写转换√ shift+tab 成段向前缩进√ ctrl+/ 单行注释√ ctrl+shift+/ 块注释√ ctrl+shift..转载 2021-10-13 19:31:32 · 3102 阅读 · 0 评论 -
个人练习案例(购物车结算)
一.界面样式要求二.代码部分三.思路解析主要运用到 v-model 数据视图双向绑定和 computed 计算属性两个技术点.1.定义数据手机价格(mobilePrice)和手机数量(mobileNumber)以及电脑价格(computerPrice)和电脑数量(computerNumber)和运费(sendPrice).这些数据都运用 v-model 进行数据绑定.2.定义计算属性手机价格小计(mobileCount),电脑价格小计(computerCount),总价...原创 2021-10-13 19:19:39 · 74 阅读 · 0 评论 -
个人练习(购物车渲染案例)
一.案例需求:书籍有选中与取消选中的功能,然后每本书籍右上角都有删除按钮,点击就会将书籍删除,效果如下图所示:1-结构部分html2-css样式部分3-代码部分二.技术简介1.主利用 vue 框架和 element 组件库完成页面布局,然后主要利用css的 hover 属性和transform动画属性完成书籍和右上角删除按钮的选择与否效果,2.运用axios请求数据,3.运用splice方法操作数组完成删除效果4.运用calssNa...原创 2021-10-13 18:58:35 · 90 阅读 · 0 评论 -
个人笔记前端开发vuex的基本使用!()
Vuex-的基本使用!原创 2021-09-28 22:13:41 · 96 阅读 · 0 评论