跳過eslint驗證
/* eslint-disable */
web端連接微信云數(shù)據(jù)庫
剛安裝完的yarn或者cnpm,禁止運行腳本問題解決
PowerShell蝌蹂，以管理員身份運行
輸入 set-ExecutionPolicy RemoteSigned
A/Y
本地服務器
image.png
sourcetree 下載
git 通過ssh拉取代碼
slot-scope 插槽屬性
<slot name="haha" :row="data" />
...
<template slot="haha" slot-scope="{row}">{{row.name}}</template>
// or
<template slot="haha" slot-scope="scope">{{scope.row.name}}</template>
sass sass-loader
"sass": "1.26.8",
"sass-loader": "8.0.2",
阻斷請求
return Promise.reject(new Error(res.message || "Error"));
namespaced: true時的調(diào)用
this.$store.commit("app/SET_APP_INFO", appInfo);
input file文件上傳路徑預覽
const file = e.target.files[0];
console.log(file.type); //上傳文件的類型
let src = window.URL.createObjectURL(file);
:last-child 不生效問題
父元素底下只能有class為limit-top的列表才可以,如果你遇到這個問題,直接列表外面包一個div就好了
藍湖rem換算公式
藍湖設(shè)計圖機型尺寸：750 * 2046
開發(fā)機型尺寸：414 * 736
30px = 750/414*16
image.png
input 獲取焦點可能失效問題解決
//失效
this.$refs['input'].focus()
//成功 不用ref綁定，使用原生id獲取
document.getElementById("input").focus();
base64加密解密
import { Base64 } from "js-base64";
...
Base64.encode() //加密
Base64.encodeURI() //用于加密URL
Base64.decode() //解密 也可以解密 encodeURI
yarn cnpm 安裝失敗等
也有可能是在環(huán)境變量中未配置
參考地址
生成一個隨機隨
function random(min, max) {
return Math.floor(Math.random() * (max - min)) + min;
}
數(shù)組去重復
function unique(arr) {
if (!Array.isArray(arr)) {
console.log('type error!')
return
}
var array = [];
for (var i = 0; i < arr.length; i++) {
if (array .indexOf(arr[i]) === -1) {
array .push(arr[i])
}
}
return array;
}
.toLocaleString()方法
var d=new Date();
var n=d.toLocaleString();//2020/11/6 上午9:46:51
let num=12345678;
console.log(num.toLocaleString()); // 12,345,678
查找字符串是否包含 "Runoob":
var str = "Hello world, welcome to the Runoob。";
var n = str.includes("world"); //true
把數(shù)組內(nèi)相似的對象合并到一個數(shù)組中
let arr1 = [],
arr2 = []
let newObj = _.cloneDeep(row)
// console.log(newObj.subTaskTemplates);
let num = 0
// 對編輯的數(shù)據(jù)進行重排，把taskGroupId相似的重新組合成一個任務組分類
newObj.subTaskTemplates.forEach(item => {
// taskGroupId為0的默認為子任務，不需要進行任務組分類
if (arr1.includes(item.taskGroupId) && item.taskGroupId !== 0) {
let index = arr1.findIndex(item2 => item2 === item.taskGroupId)
item.id = item.id
arr2[index].subTaskTemplates.push(item)
} else {
arr1.push(item.taskGroupId)
let obj = {
id: item.id,
pause: item.pause,
taskGroupId: item.taskGroupId,
taskTemplateId: item.taskTemplateId,
type: item.type,
subTaskTemplates: [item]
}
arr2.push(obj)
}
})
console.log(arr1, arr2)
arr2.forEach(item => {
if (item.subTaskTemplates.length <= 1) {
delete item.subTaskTemplates
}
})
newObj.subTaskTemplates = arr2
this.$refs['taskTemplate'].ruleForm = { ...newObj }
console.log(this.$refs['taskTemplate'].ruleForm)
解決 flex-grow 內(nèi)容撐開問題
flex-basis:0;
align-self: baseline;
解決 flex 圖片拉伸問題
flex-shrink:0;
解決表格td內(nèi)容撐大
table-layout: fixed;
高亮搜索的文字
//高亮文字方法
const highlightText = (search, text) => {
/**
* s 檢索文字
* t 結(jié)果文字
*/
let sArr = search.split('');
let tArr = text.split('');
return tArr.map(t => {
let red = false
sArr.map(s => {
if (s === t) {
red = true
}
})
if (red) {
return <span className={styles.red}>{t}</span>;
} else {
return <span>{t}</span>;
}
})
};
移動端滾動穿透問題
document.body.style.overflow = 'hidden';
document.body.style.overflow = 'auto';
input 默認147px長度問題
<input
name="tel"
type="text"
style={{width:'100%'}}
/>
@media媒體查詢適配
//小于 414px 尺寸的手機采用這個字體
@media screen and (max-width: 721px) {
html{
font-size: 22.5px;
background-color: red;
}
}
element-ui 表格多選
image.png
image.png
element-ui 表格列用v-if造成錯亂的問題
給每列加上一個 key
<el-table-column key="1" label="權(quán)益人信息" v-if="activeName == '3'"></el-table-column>
<el-table-column key="2" label="成交房信息" v-if="activeName == '4'"></el-table-column>
