html
小刘哥哥--
这个作者很懒,什么都没留下…
展开
-
js正则效验不能全为数字、字母 不超过50字符
var regu = " ^(?![0-9]+$)(?![\u4E00-\u9FA5a-zA-Z]+$)[0-9A-Za-z]{6,20}$"原创 2021-11-22 18:09:18 · 2950 阅读 · 0 评论 -
vue中,实现锚点定位及跳转(url不发生变化)
出现问题:has模式的原因页面实现锚点跳转,但跳转之后点击返回列表时候由于url地址出现#id,导致点击列表或创建修改成功不会返回列表。 解决办法:<div class="footer" @click="returnTop"> 跳转 </div> <div id="header"> 内容 </div> methods:{ returnTop:function(){ document.querySelector("原创 2021-11-16 16:49:18 · 1985 阅读 · 0 评论 -
vue实现监听滚动条
绑定在window上 addEventListener 事件需要 第三个参数设置为true,不然事件不起作用 mounted() { window.addEventListener('scroll',this.handleScroll,true) } methods: { handleScroll(){ let scrollTop = document.body.scrollTop || document.documentElement.scrollTop; co原创 2021-11-16 10:22:33 · 775 阅读 · 0 评论 -
js 判断是否为对象
原创 2021-09-09 17:44:09 · 57 阅读 · 0 评论 -
VUE+ELEMENT-UI实现表格CHECKBOX单选
因为element-ui上面的带checkbox的表格,是多选。如下操作,能把多选变成单选。最终结果如下图:代码如下: <el-table ref="multipleTable" :data="dialogTables" @select-all="dialogCheck" @select="dialogCheck" @selection-change="dialogCheckChange"> <el-table-column type="selection" width="原创 2021-09-09 14:24:14 · 572 阅读 · 0 评论 -
动态路由传值
出现情况:1.在主页面进入相同页面时显示数值不相同可以根据动态路由传参,在相同页面中mounted中监听动态路由参数判断来做出逻辑主页面 // 相同页面 this.$router.push({name: '路径一级名称-二级名称', params: { // 参数名 :数值 tablebtn: true } })相同页面 mounted () { // 输出路由 // 根据路由传参做出判断 i原创 2021-06-10 18:10:57 · 152 阅读 · 0 评论 -
async异步和await等待使用
asyncasync的用法,它作为一个关键字放到函数前面,用于表示函数是一个异步函数,因为async就是异步的意思,异步函数也就意味着该函数的执行不会阻塞后面代码的执行,async函数返回的是一个promise 对象。async 函数也是函数,平时我们怎么使用函数就怎么使用它,直接加括号 且 使用 .then的方法(参考https://www.jianshu.com/p/ab767311589d)awaitawait的含义为等待。意思就是代码需要等待await后面的函数运行完并且有了返回结果之后,才继原创 2021-06-04 16:41:08 · 734 阅读 · 0 评论 -
项目点击默认导航第一项内容
在当前文件夹下index中设置<template> <div id="app"> <router-view /> </div></template><script>export default { name: 'App', // 需要router-view中使用默认 created: function () { this.$router.push({name: '路径一级名称-二级名称'})原创 2021-05-28 16:47:06 · 95 阅读 · 0 评论 -
Vue Element Ui中 Table 表格 数据居中样式设置
只需要在对应的页面样式加上 下面的代码就可以实现 Table 表格数据居中的效果!<style scoped> /deep/.el-table th > .cell { text-align: center; } /deep/.el-table .cell { text-align: center; }</style>/deep/的意思大概为深入的,深远的。可以修改element Ui 的Table 表格的样式!就是那么简单!...原创 2021-05-27 15:55:03 · 647 阅读 · 0 评论 -
element-ui组件实现表格单选功能
<template> <div> <div> <button @click="btn"></button> <button @click="btns">确定</button> </div> <!--:header-cell-style更改表头css样式--> <el-table :data="tableData" bor原创 2021-05-27 11:35:03 · 510 阅读 · 0 评论 -
Foreach遍历数组的两种方法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>测试</title></head><body> <script>原创 2021-05-27 11:04:13 · 1742 阅读 · 0 评论 -
vuex的使用
首先建立一个vuex的文件夹 其中建立modules文件夹和index.js同级文件modules中建立相同板块js文件然后在index.js中引入 Vue 和 Vuex 并且别忘了 Vue.use(Vuex);import Vue from 'vue'import Vuex from 'vuex'Vue.use(Vuex)然后还要引入modules中的app与addimport Vue from 'vue'import Vuex from 'vuex'import app fr原创 2021-05-27 10:57:08 · 49 阅读 · 0 评论 -
vue前端点击下载excel文件流传给后端,返回解决乱码问题
在接口中定义: btn () { // ids值 let ids = [] exportExcel (ids) .then((res) => { console.log(res.data) let url = window.URL.createObjectURL(new Blob([res.data,{type: 'application/octet-stream;charset=utf-8'}])) let li原创 2021-05-24 13:56:07 · 590 阅读 · 0 评论 -
JS数组转字符串(3种方法)
JS数组转字符串(3种方法)Array 对象的数组与字符串相互转换方法数组方法 说明toString() 将数组转换成一个字符串toLocalString() 把数组转换成本地约定的字符串join() 将数组元素连接起来以构建一个字符串示例1下面使用 toString() 方法读取数组的值。数组中 toString() 方法能够把每个元素转换为字符串,然后以逗号连接输出显示。var a = [1,2,3,4,5,6,7,8,9,0]; //定义数组var s = a.toString(原创 2021-05-13 11:30:17 · 2535 阅读 · 0 评论 -
vue + element-ui Table的数据多选,多页选择数据回显,分页记录保存选中的数据。
业务的需要:我要对与会人员勾选,记录所选的与会人员,并且点击到别的页面上时也要记录所勾选的。第一次尝试,每次点击下一页数据都会清空。然后我就去element ui官网查看了api.实现如下:在table一定要定义以下事件和列表属性: 1、row-key, 2、reserve-selectionhandleSelectionChange这个事件的作用是我保存勾选数据的。<el-table @selection-change=“handleSelectionChange” :row-key=原创 2021-05-12 18:07:35 · 995 阅读 · 0 评论 -
前端的性能优化
HTML前端的优化把样式表置于顶部现把样式表放到文档的< head />内部似乎会加快页面的下载速度。这是因为把样式表放到< head />内会使页面有步骤的加载显示。注重性能的前端服务器往往希望页面有秩序地加载。同时,我们也希望浏览器把已经接收到内容尽可能显示出来。这对于拥有较多内容的页面和网速较慢的用 户来说特别重要。向用户返回可视化的反馈,比如进程指针,已经有了较好的研究并形成了正式文档。在我们的研究中HTML页面就是进程指针。当浏览器有序地 加载文件头、导航栏、顶部的l原创 2020-12-30 14:14:07 · 47 阅读 · 0 评论