2020年9月9日
关于template标签用法总结(含vue中的用法总结)
摘要： 一、html5中的template标签html中的template标签中的内容在页面中不会显示。但是在后台查看页面DOM结构存在template标签。这是因为template标签天生不可见，它设置了display:none;属性。 //当前页面只显示"我是自定义表现abc"这个内容，不显示"我是te 阅读全文
posted @ 2020-09-09 11:28 棠樾 阅读(1731) 评论(0) 推荐(0)
element-ui中table中使用checkBox实现单选功能
摘要： 需求：在表格的第一列加上checkBox选择框，并实现表格的单选功能 首先采用element API中的多选属性，利用多选把它改成单选. HTML代码如下： 添加一列col type=selection <!-- 表格区域 --> <el-table v-if="focusTableFlag" re 阅读全文
posted @ 2020-09-09 11:19 棠樾 阅读(3914) 评论(0) 推荐(0)
2020年9月7日
关于 element-ui 的隐藏组件el-scrollbar
摘要： 在官方文档中没有给出这个组件，但是在源码中是有的。所以我们可以直接使用： <el-scrollbar></el-scrollbar> 举个例子：（高度随内容自适应） <html> <body> <div style='height:100%'> <el-scrollbar class='page-c 阅读全文
posted @ 2020-09-07 17:25 棠樾 阅读(893) 评论(0) 推荐(0)
2020年9月4日
overflow实现隐藏滚动条同时又可以滚动
摘要： .divBox{ height: calc(100vh - 380px); overflow: auto; } .divBoxl::-webkit-scrollbar{ display: none; } 阅读全文
posted @ 2020-09-04 11:07 棠樾 阅读(320) 评论(0) 推荐(0)
Html 解决数字和字母不换行
摘要： 在html页面中，如果是数字或者字母显示的话，默认是不换行的。 解决方法确实也很简单，添加样式： word-break:break-all; word-wrap: break-word; //试了没有效果，应该是被弃用了 阅读全文
posted @ 2020-09-04 10:40 棠樾 阅读(651) 评论(0) 推荐(1)
2020年9月3日
结合项目需求做竖形页签导航，锚点定位，理解offsetLeft、offsetTop，scrollTop
摘要： 项目需求是：在页面的右边做一个竖形页签定位导航，随着屏幕滑动到相关的位置，高亮页签，或者点击页签锚点定位到相关位置。 思路：计算Basic Information 、Address Information 、Business Information 、Marketing Information 四个 阅读全文
posted @ 2020-09-03 17:58 棠樾 阅读(304) 评论(0) 推荐(0)
Element-ui input 输入框限制只能输入数字并且限制长度的问题
摘要： <el-input v-model='count' oninput="value=value.replace(/[^\d]/g,'')" maxLength='9' /> 阅读全文
posted @ 2020-09-03 17:27 棠樾 阅读(6355) 评论(0) 推荐(0)
2020年8月20日
使用localstorage实现的本地缓存,但是如何根据用户访问不同的缓存数据？
摘要： 比如说用户A登录,保存了数据,此时用户B在同一浏览器登录,如何保证B访问不到a的缓存? 解决方法：自己存数据的时候一起将用户的信息存入（例如用户的ID） 一般是用户登录的时候使用localStorage缓存下用户信息userId（例如是用户的ID） 当A用户登录后使用localStorage缓存下数 阅读全文
posted @ 2020-08-20 17:18 棠樾 阅读(639) 评论(0) 推荐(0)
localStorage存储数组以及取数组方法
摘要： let arr = ['泰迪','柯基','金毛'] // 存 localStorage.setItem('ARR', JSON.stringify(arr)) // 取 arr = JSON.parse(localStorage.getItem('ARR')） 阅读全文
posted @ 2020-08-20 15:27 棠樾 阅读(2201) 评论(0) 推荐(0)
2020年7月31日
数组的所有方法整理
摘要： 1. push()和pop() 改变原数组 push(): 可以接收任意数量的参数，把它们逐个添加到数组末尾，并返回修改后数组的长度。pop()：数组末尾移除最后一项，减少数组的 length 值，然后返回移除的项。 2.shift() 和 unshift() 改变原数组 shift()：删除原数组 阅读全文
posted @ 2020-07-31 18:25 棠樾 阅读(401) 评论(0) 推荐(0)