HTML
一休~
这个作者很懒,什么都没留下…
展开
-
vue一个简单的上下翻页,位于首页时上一页不可点击
想写一个简单的上下分页效果,位于首页时上一页不可点击,位于最后一页时下一页不可点击首先重要的是判断当前是否首页或最后一页,这里用了computed,我用的api是每次返回length为8的Array,并没有total属性,因此只能根据length是否小于8来判断是否最后一页,首页的话是有一个offset值,offset等于0即为首页。 computed:{ // 判断是否是最后一页 isEndPage(){ if(this.videoList.length<8)原创 2020-12-29 07:44:48 · 2441 阅读 · 0 评论 -
Vue加载区域数据时的Loading效果
切换筛选条件和切换后端分页时经常会有一段时间的请求数据时间,哪怕时间再短也是一段时间,这样会造成用户的体验感很差,因此用css3简单做了个加载效果。具体的代码长这亚子,主要是用了css3 animation属性animation: zoomL 1.4s ease-in-out infinite alternate; 这里ease-in-out是先慢后快,infinite是无限,alternate是交替其他两个.loading节点animation-delay: -1s是让他们延迟执行,可以.原创 2020-12-28 23:48:29 · 1481 阅读 · 0 评论 -
Vue el-table全表搜索,模糊匹配
这是项目管理系统的界面,有一天,老大突然说想增加某某某列的筛选,一天一个需求。我就想着,与其听他说增加某列的筛选,不如我增加一个全表筛选,这样老大就不会再烦我了getAllList是搜索按钮的click事件,this.keywords绑定了搜索框v-modelasync getAllList() { this.loading = true; await this.$request({ url: "/cmdb/searchBySome/", method: "get", para.原创 2020-09-17 17:04:35 · 5424 阅读 · 0 评论 -
前端分页el-table中的sortable按修改时间跨页排序
在el-table-column中使用sortable就可以实现升序和降序,但是在前端分页中是只能按照当前分页排序,所以用了@sort-change<!-- 表格 --> <el-table :row-class-name="tableRowClassname" v-loading="loading" :data=" allList.slice( .原创 2020-06-27 17:33:04 · 5098 阅读 · 0 评论 -
报错Cannot read property echarts of undefined
今天执行npm run build:prod,部署到生存环境后,打开页面报了一个错有点疑惑,之前并没有什么问题,这次只是增加了个更换Echarts主题的功能而已后来看了一个大佬的博客,终于解决了问题https://cloud.tencent.com/developer/article/1546268...原创 2020-06-04 17:30:39 · 1817 阅读 · 0 评论 -
ElementUi Checkbox多选框显示对应内容,并配合clipboard.js复制
由于一些原因,隐藏了一些数据,对程序不影响<script>export default { data() { return { // 需要显示的label和对应的值 dict: { 店铺号: "storeNumber", ip地址: "Vlan1", 地址: "address", 区域: "region" }, //扩展列显示列表 checkList..原创 2020-05-12 12:15:35 · 940 阅读 · 0 评论 -
一道前端代码题,用很简单的CSS代码实现
昨天去第一次面试前端这个岗位,有点新奇,去到那里技术就给了我一个电脑,一张设计图让用sublime敲出来。设计图大概长这样吧,因为不能拍照,所以这是我回家后做的。<!DOCTYPE html><html><head> <title>hello</title> <style type="text/css">...原创 2020-04-21 23:58:57 · 251 阅读 · 0 评论