- 博客(47)
- 收藏
- 关注
RSS订阅原创 vue 模板字符串使用点击事件失效
总结：为什么要把clickButton写入window（window.clickButton= this.clickButton）
2022-12-09 20:28:46
568
1
原创 CSS 给背景图加颜色遮罩
CSS 给背景图加颜色遮罩 <div class="container"></div>设置background-blend-mode:multiply;背景模糊(filter)+颜色叠加
2022-05-07 15:51:49
1821
原创 js 消息按日期分组归类
js 消息按日期分组归类 let newList = [] dataList.forEach(item => { let index = -1 let isExists = newList.some((newItem, j) => { if (item.datetime == newItem.datetime) { index = j return true } }) if (!isExists) {
2022-03-25 10:26:13
484
原创 vue 项目打包报错 CSS minification error
vue 项目打包报错 Error: CSS minification error: Lexical error错误： Error: CSS minification error: Lexical error on line 1: Unrecognized text.使用下图写法导致打包出错： css 的错误，不能识别的文本解决方案：scss中calc中的变量需要以 #{变量名} 的方式使用...
2022-03-23 11:44:08
4747
1
原创 vue+vantUI实现单选、多选题（上一题、下一题）
vue+vantUI实现单选、多选题（上一题、下一题）<template> <div class="exam-online"> <div class="table-list2"> <div v-for="(item,index) in questionList" :key="index"> <div v-if="currentNum===index"> <div slot="ti
2022-02-25 09:58:59
1808
原创 uni-app .gitignore忽略提交文件及文件夹至git仓库
uni-app .gitignore忽略提交文件及文件夹至git仓库创建 .gitignore文件，文件内容如下：node_modules/.projectunpackage/.DS_Storewxcomponents/**/*.vuewxcomponents/**/*.css.hbuilderx/
2021-12-28 11:31:54
1975
1
原创 js 数组对象去重
js 数组对象去重 arrayDeduplicate(array) { let map = new Map() for (let item of array) { if (!map.has(item.id)) { map.set(item.id, item) } } return [...map.values()] },
2021-11-05 16:16:53
181
原创 elementUI el-form阻止表单输入框回车刷新页面
elementUI el-form阻止表单输入框回车刷新页面回车页面会刷新的原因：当form表单中只有一个input输入框时，按下回车就会刷新页面，因为form表单把该事件当成了提交表单。解决方法：在el-form中添加一个属性： @submit.native.prevent...
2021-10-20 17:08:12
1832
原创 js 获取指定月份天数
js 获取指定月份天数并生成数组getDayArrayByMonth() { this.time = '2021-09' or '2021-09-01' const date = new Date(this.time) const year = date.getFullYear() const month = date.getMonth() + 1 const day = new Date(year, month, 0) const dayCounts = day.getDa
2021-09-26 15:15:28
474
原创 报错 Cannot read property ‘setCheckedKeys‘ of undefined“
elementUI 报错 Cannot read property ‘setCheckedKeys’ of undefined"点击树节点，执行下面代码会报错，原因是：DOM元素未加载完成 handleRowClick(row) { this.$refs.tree.setCheckedKeys(ids); },正确写法： handleRowClick(row) { this.$nextTick(() => { this.$refs.tree.setC
2021-09-13 12:00:24
749
原创 elementUI el-time-picker 结束时间大于开始时间
elementUI el-time-picker 结束时间大于开始时间<el-form-item prop="startTime"> <el-time-picker v-model="startTime" value-format="HH:mm" format="HH:mm" :picker-options="{selectableRange:`00:00:00-${endTime ? endTime + ':00' : '23:59:59'}`}" style="width:
2021-09-07 16:05:44
1677
原创 js 删除数组中指定元素
js 删除数组中指定元素 const sourceArray = [1001, 1002, 1003, 1004, 1005] const target = 1001 // 指定元素 sourceArray.forEach((item, index, arr) => { if (item === target) { arr.splice(index, 1); } })...
2021-09-01 16:16:20
384
原创 elementUI 时间选择器TimePicker，时间选不上的问题
elementUI 时间选择器TimePicker， 时间选不上的问题 <el-time-picker v-model="timeValue" value-format="HH:mm" range-separator="-" is-range start-placeholder="开始时间" end-placeholder="结束时间" placeholder="选择时间范围"> </el-time-picker>注意：时间选不上是因为value初始值的问题
2021-08-24 17:59:28
5601
2
原创 js 毫秒转天时分秒
js 毫秒转天时分秒function formatDuring(ms) { const days = parseInt(ms/ (1000 * 60 * 60 * 24)); const hours = parseInt((ms % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60)); const minutes = parseInt((ms % (1000 * 60 * 60)) / (1000 * 60)); const seconds = (ms %
2021-08-12 12:16:45
610
原创 ios中的safari浏览器不兼容js中日期转化为时间戳
ios中的safari浏览器不兼容js中日期转化为时间戳ios系统中的浏览器不支持以下日期转时间戳的方法new Date('2021-07-16 12:00:00').getTime()或new Date('2021-07-16').getTime()解决办法：改变日期格式，将’-’ 改为 ‘/’。（亲测）new Date('2021/07/16 12:00:00').getTime()或new Date('2021/07/16').getTime()...
2021-07-08 18:46:58
549
原创 Vant-UI 表单（Field组件）
Vant-UI 表单（Field组件） <van-form @submit="onSubmit"> <!-- 在form表单中，van-button默认的native-type='submit'。native-type：原生 button 标签的 type 属性，默认是submit --> <van-button type="info">提 交</van-button>
2021-06-23 12:28:24
1194
原创 elementUI el-select change事件获取label的值
elementUI el-select change事件获取label的值 <el-select v-model="value" @change="handleSelectChange"> <el-option v-for="item in array" :key="item.id" :label="item.name" :value="{value:item.id,label:item.name}" /> </
2021-06-04 17:28:33
1866
1
原创 elementUI el-form表单的upload上传文件必填校验
<template> <el-form ref="form" :model="form" :rules="rules"> <el-form-item label="封面" prop="cover"> <el-upload class="upload-demo" v-model="form.cover"> <el-button size="small" type="primary">点击上传</el-b.
2021-06-04 14:52:48
12852
原创 git 添加版本号信息并推送
git 添加版本号信息并推送1.添加版本号信息 git tag -a 'V1.0' -m '备注'2.查看版本 git tag3.推送到远程git push origin V1.0
2021-05-17 12:31:49
1155
2
原创 js 批量下载文件
js 批量下载文件通过a标签下载 this.files.forEach((item) => { const domA = document.createElement('a') // 创建a标签 domA.setAttribute('download', item.fileName) // download属性 domA.setAttribute('href', item.filePath) // href链接 domA.c
2021-04-17 13:02:49
284
原创 vue 在子组件中修改props
vue 在子组件中修改props父组件<template> <div class=""> <child :title="title" /> </div></template> <script>import Child from '@/components/Child'export default { name: 'Parent', components: { Child, },
2021-04-16 17:22:36
410
原创 vue el-tree设置选中的树节点
vue el-tree设置选中的树节点<el-tree ref="tree" :data="treeData" highlight-current node-key="nodeId" @node-click="handleNodeClick" :props="defaultProps"> </el-tree>设置选中状态 handleNodeClick(data) { this.$nextTick((
2021-04-14 20:03:09
2516
原创 vue elementUI去掉某个表格边框 修改el-table样式
vue elementUI去掉某个表格边框 修改el-table样式1.仅改变某个表格样式，不改变其他表格样式。给el-table添加 class=“company-table” <el-table :data="tableData" :show-header="false" class="company-table"> <el-table-column prop="name" label="公司"/> <el-table-col
2021-04-14 11:58:11
1623
原创 vue 路由跳转方式 路由间跳转、打开新页面
vue 路由跳转方式 路由间跳转、打开新页面一、路由间跳转1. query （所传参数在url中显示）this.$router.push({ // 路由 path:'/xxx', // 参数 query:{ id:1, } })2.params （所传参数不在url中显示） this.$router.push({ name:'xxx', // 参数 params:{
2021-04-13 12:09:23
470
原创 vue vue-router 如何去掉路由中#
vue vue-router 如何去掉路由中#如上图想要去掉url地址栏中的“#”，需要开启 history路由模式，想知道具体原理可去了解History.pushState()开启history路由模式的代码
2021-04-01 18:38:14
613
原创 前端 js隐藏密码的正则表达式
前端 js隐藏密码正则 hiddenPwd(val) { const reg = /^.*$/ return val.replace(reg, '******') },
2021-03-12 16:23:12
316
原创 前端vue 隐藏部分手机号码
前端 vue隐藏部分手机号码正则表达式主要代码<script>export default { name: '', filters: { phoneFilter(val) { const reg = /^(.{3}).*(.{4})$/ return val.replace(reg, '$1****$2') }, }, data() { return { phone: '13690818675', }
2021-03-12 14:43:06
762
原创 JS 前端实现模糊查询
这里写自定义目录标题前端实现模糊查询前端实现模糊查询filter()与match()const resultArray= allDataList.filter(item=> item.name.match(searchKey));
2021-01-07 19:39:08
395
1
原创 css 前端禁止拷贝页面内容
CSS 前端禁止拷贝页面内容div {-moz-user-select: none; // 火狐-webkit-user-select: none; // webkit内核浏览器浏览器-ms-user-select: none; // IE浏览器user-select: none;}
2020-08-20 14:49:46
198
原创 Found bindings for the following environments
Found bindings for the following environmentsModule build failed (from ./node_modules/sass-loader/dist/cjs.js):Error: Missing binding H:\momo\workspace\bimsync\node_modules\node-sass\vendor\win32-x6...
2020-07-03 10:17:20
1082
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人