StacyMo的博客

通过yarn安装包管理器时出现以下错误。

总结：为什么要把clickButton写入window（window.clickButton= this.clickButton）

数组元素去重

去除数组A中包含数组B中的元素

从url中提取多个参数及值（对象）

Object 对象属性不可修改方法如下：

CSS 给背景图加颜色遮罩 <div class="container"></div>设置background-blend-mode:multiply;背景模糊(filter)+颜色叠加

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) {

vue 项目打包报错 Error: CSS minification error: Lexical error错误： Error: CSS minification error: Lexical error on line 1: Unrecognized text.使用下图写法导致打包出错： css 的错误，不能识别的文本解决方案：scss中calc中的变量需要以 #{变量名} 的方式使用...

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

ios浏览器日期不生效解决方案：

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()] },

elementUI el-form阻止表单输入框回车刷新页面回车页面会刷新的原因：当form表单中只有一个input输入框时，按下回车就会刷新页面，因为form表单把该事件当成了提交表单。解决方法：在el-form中添加一个属性： @submit.native.prevent...

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

elementUI 报错 Cannot read property ‘setCheckedKeys’ of undefined"点击树节点，执行下面代码会报错，原因是：DOM元素未加载完成 handleRowClick(row) { this.$refs.tree.setCheckedKeys(ids); },正确写法： handleRowClick(row) { this.$nextTick(() => { this.$refs.tree.setC

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:

js 删除数组中指定元素 const sourceArray = [1001, 1002, 1003, 1004, 1005] const target = 1001 // 指定元素 sourceArray.forEach((item, index, arr) => { if (item === target) { arr.splice(index, 1); } })...

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初始值的问题

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()...

Vant-UI 表单（Field组件） <van-form @submit="onSubmit"> <!-- 在form表单中，van-button默认的native-type='submit'。native-type：原生 button 标签的 type 属性，默认是submit --> <van-button type="info">提 交</van-button>

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}" /> </

<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.

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

vue 在子组件中修改props父组件<template> <div class=""> <child :title="title" /> </div></template> <script>import Child from '@/components/Child'export default { name: 'Parent', components: { Child, },

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((

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

vue 路由跳转方式 路由间跳转、打开新页面一、路由间跳转1. query （所传参数在url中显示）this.$router.push({ // 路由 path:'/xxx', // 参数 query:{ id:1, } })2.params （所传参数不在url中显示） this.$router.push({ name:'xxx', // 参数 params:{

echart 新版本init时报错（V5.0.2）修改引入方式即可解决以上问题修改前修改后

vue vue-router 如何去掉路由中#如上图想要去掉url地址栏中的“#”，需要开启 history路由模式，想知道具体原理可去了解History.pushState()开启history路由模式的代码

前端 js隐藏密码正则 hiddenPwd(val) { const reg = /^.*$/ return val.replace(reg, '******') },

前端 vue隐藏部分手机号码正则表达式主要代码<script>export default { name: '', filters: { phoneFilter(val) { const reg = /^(.{3}).*(.{4})$/ return val.replace(reg, '$1****$2') }, }, data() { return { phone: '13690818675', }

这里写自定义目录标题前端实现模糊查询前端实现模糊查询filter()与match()const resultArray= allDataList.filter(item=> item.name.match(searchKey));

CSS 前端禁止拷贝页面内容div {-moz-user-select: none; // 火狐-webkit-user-select: none; // webkit内核浏览器浏览器-ms-user-select: none; // IE浏览器user-select: none;}

<div style="background-color: lightgray;margin: 0;padding: 0;"><img src="test.jpg"></div>以上代码的结果如下图：图片下面出现留白（div的背景），那么如何去掉空白呢？产生空白的原因：因为图片的display属性默认是inline，vertical-...