摘要: 表格中的数据是一次性全部渲染的,是前端分页。 页面显示如下: 先跳转到最后一页即第四页: 然后逐条删除最后一页的所有数据,显示如下: 出现这种情况的原因是因为当前的页码即currentPage是4,而第四页的数据已经被删除 在这种情况下就需要对当前页码进行如下处理(第一页很特殊哦) 阅读全文
posted @ 2020-10-28 22:14 翠瓜瓜 阅读(1559) 评论(0) 推荐(0) 编辑
摘要: vue-router跳转页面有两种传参方式, 路由配置如下图: 第一种是:使用router的name属性也就是params来传递参数,即 获取该参数的方法是: 第二种是:使用query来传递参数,即 获取该参数的方法是: 第一种方法在url显示为:, 而第二种方法的url显示为: 这两种方法还有一个 阅读全文
posted @ 2020-06-18 10:51 翠瓜瓜 阅读(497) 评论(0) 推荐(0) 编辑
摘要: 问题现象是点击更多按钮之后,加载需要跳转的路由模块,同时顶部导航栏的下拉框需要消失。 因为vue本身就是单页面应用,这个项目的结构是头部,中间以及底部。 在这里可以利用vue的v-if条件语句来达到组件的重建和销毁。 一般来说,我们用的最多的就是父子组件之间的相互通信,但是在这个项目中是爷爷组件和孙 阅读全文
posted @ 2020-06-05 10:33 翠瓜瓜 阅读(5437) 评论(0) 推荐(0) 编辑
摘要: vue应用中引用静态图片的两种方式: 1:静态图片只有一张,不需要循环遍历显示,即 <img src="../../assets/biaozhun.jpg" alt="">; 2:静态图片是多张的,需要遍历循环显示,即 这种情况下,需要使用require()引入需要的静态图片的路径,即 (括弧里面的 阅读全文
posted @ 2020-06-02 17:32 翠瓜瓜 阅读(4220) 评论(0) 推荐(0) 编辑
摘要: font-size 有一个最小值 12px(不同操作系统、不同语言可能限制不一样),低于 12px 的,一律按 12px 显示.如果需要使用小于12px的字体,需要使用transform: scale(0.8)]将元素缩小。比如font-size:12px;使用transform: scale(0. 阅读全文
posted @ 2020-05-10 21:29 翠瓜瓜 阅读(581) 评论(0) 推荐(0) 编辑
摘要: 锚点是网页制作中超级链接的一种,又叫命名锚记。命名锚记像一个迅速定位器一样是一种页面内的超级链接,运用相当普遍。 普遍的用法是:1)、设置一个锚点链接<a href="#miao">去找喵星人</a>;(注意:href属性的属性值最前面要加#); 2)、设置锚点的位置 <h3 id="miao">喵 阅读全文
posted @ 2020-04-29 22:05 翠瓜瓜 阅读(916) 评论(0) 推荐(0) 编辑
摘要: 这个elementUI官网上对Loading组件的描述:https://element.eleme.cn/#/zh-CN/component/loading 一般情况下,使用loading组件都需要引入Loading服务,即import { Loading } from 'element-ui',使 阅读全文
posted @ 2020-04-15 19:51 翠瓜瓜 阅读(5278) 评论(0) 推荐(0) 编辑
摘要: 这个是elementUI官网上对级联框的介绍:https://element.eleme.cn/#/zh-CN/component/cascader 一般情况下,级联框的数据都是固定写死或者数据是一次性(一个接口)返回来的,这样的话就只需要调用@change这个方法就可以实现当选中节点发生变化时的一 阅读全文
posted @ 2020-04-14 17:12 翠瓜瓜 阅读(5374) 评论(0) 推荐(1) 编辑
摘要: ref被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的$refs对象上。如果在普通的 DOM 元素上使用,引用指向的就是 DOM 元素;如果用在子组件上,引用就指向组件实例。--官网简介 注意:只要想要在Vue中直接操作DOM元素,就必须用ref属性进行注册; https://www.c 阅读全文
posted @ 2020-04-05 15:17 翠瓜瓜 阅读(2048) 评论(0) 推荐(0) 编辑
摘要: https://element.eleme.cn/#/zh-CN/component/cascader 这个是elementui官网级联选择器的地址,其中选择任意一级选项的项目是这样的 这样的话效果是实现了,但是存在两个问题: 1、只能点击圆圈才能选中,点击文字 label 没有效果; 2、点击圆圈 阅读全文
posted @ 2020-04-03 21:30 翠瓜瓜 阅读(5996) 评论(0) 推荐(0) 编辑