- 博客(63)
- 收藏
- 关注
RSS订阅原创 省市级联选择器，省也能单独选中
点击既可以选择省，也可以展开选中里面的子项可以结合el-select和el-tree<template> <div> <el-select v-model="params.areaScope" multiple clearable style="width: 30%"> <el-option :value="mineStatusValue" style="height: auto">
2021-04-23 17:49:01
401
转载 js有中文英文逗号的字符串怎么分割成数组
var str="a,吧，才，的，额，飞，d";var str = str.replace(/[\uff0c]/g, ",");console.log(str);var strs = str.split(',');console.log(strs); str结果：a,吧,才,的,额,飞,d strs结果：["a", "吧", "才", "的", "额", "飞", "d"]
2021-04-22 11:15:21
836
原创 react安装sass
可以在node_modules目录中找到如下目录node_modules/react-scripts/config/webpack.config.js在这个文件中直接搜索 ‘file-loader’ ， 大概544行，手动添加框中的内容。安装依赖npm install [email protected] --save-devnpm install [email protected] --save-dev直接安装 npm install node-sass sass-loader --save
2021-03-24 16:41:50
971
原创 react安装sass报错问题
安装找到下面目录node_modules/react-scripts/config/webpack.config.js在这个文件中直接搜索 ‘file-loader’ ， 大概544行，手动添加框中的内容。安装npm install sass-loader node-sass --save-dev重新npm start报错sass-loader的版本过高导致的编译错误，当前最高版本是8.x，需要退回到7.3.1运行：npm uninstall sass-loader（卸载当前版本
2021-03-24 14:52:44
676
原创 js判断数字整数小数
// 判断字符串里是否是数字 let val = '9' isNaN(val) // 为true不是，为false是数字 // 判断是否为整数 console.log(Number.isInteger(+val))
2021-03-19 15:27:02
1146
原创 elementui表单验证：2个关联，2个不填为非必填，但填写了一个后另一个也得为必填项
关键：在prop后面添加rules判断<template> <el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="100px" class="demo-ruleForm"> <el-form-item label="姓名" prop="name" :rules="ruleForm.pass ? rules.name:[{required:false}]">
2021-03-16 16:38:47
3597
1
转载 el-table自定义合并列
<template> <div> <el-table :data="tableData" :span-method="objectSpanMethod" border style="width: 100%; margin-top: 20px"> <el-table-column prop="a" label="获奖年份"></el-table-column> <el-ta
2021-03-10 09:55:23
1022
原创 sass样式
1.使用@引入时，前面加~body { background: url("~@/assets/images/bg.png");}2.变量 $$width: 5em;#main { width: $width;}
2021-02-23 13:49:40
168
转载 vue中v-html设置样式无效的问题解决方案
**场景：**例如使用v-html加载一些后台返回的一段富文本HTML代码，富文本里包含图片，在手机上图片宽度可能会溢出或者需要设置一些样式。解决方法：使用vue的深度作用选择器 >>> 即可。<div v-html="htmlContent" class="rich"></div> <style scope> .rich>>> img{ display:block; max-width: 100%}</styl
2021-02-02 10:50:06
1476
原创 js两个数组合并，a属性相同往b属性push，a属性不用往这个数组添加
<script> let arr = [{ a: "我是a1", b: [{ a: "二层c1", b: [{ id: 1 }] }] }] let obj = {} arr.forEach((v) => { obj[v.a] = v.b }) Object.keys(obj).forEach((v) => { let newObj = {} obj[v].forE...
2021-01-07 11:20:37
650
原创 vue运行报错
经常碰到这种问题解决：方法一：升级node方法二：使用命令cnpm – install 代替 cnpm install来执行(万能)
2020-12-02 09:56:49
147
转载 vue实现循环滚动列表vue-seamless-scroll
转载：https://blog.csdn.net/qq_42221334/article/details/100055124vue-seamless-scroll 实例文档链接1.安装cnpm install vue-seamless-scroll --save2.文件中引入，组件配置import vueSeamlessScroll from 'vue-seamless-scroll'3.使用 <vue-seamless-scroll :data="CardPart
2020-11-25 16:27:41
563
原创 js树形结构递归获取某项属性
let treeStructure = { id: 1, children: { id: 2, children: { id: 3, children: { id: 4, children: { id: null, }, }, ...
2020-11-20 09:34:58
2471
原创 css的animation动画和@keyframes动画轨迹
比较复杂的动画可以使用animation属性animation:剧本名 动画时间 延迟时间 运动曲线 动画次数 是否保持动画最终效果 是否还原也有动画 播放状态 参数1：剧本名 参数2：动画时间 参数3：延迟时间 参数4：运动曲线 linear匀速 steps() 分步骤 参数5：动画次数，写几就代表几次，写infinite 代表无限次 参数6：是否保持动画最终的状态 forwards 就代表保持，不加就代表不保持 参数7：是否要复原时也用动画效果，加一个alterna
2020-11-19 14:59:00
599
原创 多维数据转换成一维数组 数组扁平化 flat()
let arr = [1, [2, [3, [4, 5]]], 6] let str = arr.flat(Infinity) console.log(str) // [1, 2, 3, 4, 5, 6] // flat()会去空值，但不会去重
2020-10-23 16:32:04
323
原创 多层&&时可以使用es6链判断运算符
let message = { body: { user: { firstName: 1, }, }, } let aaa = (message && message.body && message.body.user && message.body.user.firstName) ||"没有" // es6链判断运算符 let bbb = message?.body?.user?.firstName ||...
2020-10-20 09:30:13
549
原创 js删除数组相匹配的属性，要使用倒序删除
删除数组里面的属性要使用倒序，使用正序会漏掉 let arr = [4,1,2,3,4,5] let number = 4 for (let i = arr.length - 1; i >= 0; i--) { if (arr[i] === number) { arr.splice(i, 1); } } console.log(arr) // [1, 2, 3, 5]...
2020-10-20 09:20:46
1047
原创 js把数组里面的所有对象合并成一个对象
let obj = [ { name1: '张三', age1: "12" }, { name2: '李四', age2: "14" }, { name3: '王五', age3: "30" } ] let newObj = {} // 新建一个对象 obj.forEach((item) => { newObj = { ...newObj, ...item } // 要把自己放进去 ...
2020-09-25 21:25:54
6422
2
原创 js对象的key值使用变量/js如何将变量作为key值
var name = 'jack' var obj = { name: 1, [name] : 2, [name + 'aaa'] : 3 } console.log(obj) // { name: 1, jack: 2, jackaaa: 3 }
2020-09-25 21:18:23
8188
原创 原生js获取url参数
function getQueryVariable(variable){ var query = window.location.search.substring(1); var vars = query.split("&"); for (var i=0;i<vars.length;i++) { var pair = vars[i].split("="); if(pair[0] == var
2020-07-19 13:10:39
628
原创 js将数字每三位用逗号隔开, 即千分号
function numFormat(num) { return (+num || 0).toString().replace(/^-?\d+/g, (m) => m.replace(/(?=(?!\b)(\d{3})+$)/g, ","));}// 保留后面两位小数function numFormat2(num) { return (+num || 0).toFixed(2).toString().replace(/^-?\d+/g, (m) => m.replace(/(?=(
2020-06-22 09:15:48
458
原创 mockjs造数据
1.安装依赖npm i mockjs2.在mockServer.js导入使用import Mock from 'mockjs'let data = {name:'我是造的数据'}Mock.mock('/goods', { code: 0, data })3.在main.js文件里导入mockServer.jsimport Vue from 'vue'import './mockServer' // 导入mockServer.jsnew Vue({ render: h =>
2020-06-20 18:31:24
247
原创 elementUI的table和pagination基础用法
开发中经常会用到表单，下面的表单可以放在代码片段里<template> <div> <div class='mod'> <el-table :data='list' border tyle='width: 100%'> <el-table-column type='index' label='序号' width='50' align='center'></el-
2020-06-20 17:28:17
895
原创 elementUI的table的排序结果不正确问题
做项目时发现使用elementUI的table的sortable排序结果不正确可以加个sort-method事件<el-table-column sortable :sort-method="(a,b)=>{return a.lawsuit - b.lawsuit}" prop="lawsuit" label="金额" show-overflow-tooltip></el-table-column>...
2020-06-20 17:16:44
4551
5
原创 js查询对象里有多少个属性，像数组有多长一样查询
Object.getOwnPropertyNames(obj).length Object.keys(obj).lengthObject.getOwnPropertyNames(obj) 和 Object.keys(obj)返回一个指定对象所有自身属性的属性名组成的数组let obj = {name:'张三',age:16}let names = Object.getOwnPropertyNames(obj)let keys = Object.keys(obj)console.log(n
2020-06-20 17:10:46
3366
原创 elementUI的table中的编辑弹窗，改变值时table也会跟着变动
解决方法：赋值的时候要深拷贝使用JSON.parse(JSON.stringify(copyObj))会报错，要自己封装的才行深拷贝方法：export const deepClone = (obj) => { let result = Array.isArray(obj) ? [] : {}; for (let key in obj) { if (obj.hasOwnProperty(key)) { if (obj[key] &&
2020-06-15 22:59:34
1463
转载 vue的class动态添加多个类名
方式一：对象的形式<p :class="{'p1' : true}">对象的形式(文字的颜色)</p><p :class="{'p1' : false, 'p': true}">对象的形式(文字的颜色)</p>方式二：三元表达式<p :class="[ 1 < 2 ? 'p1' : 'p' ]" >三元表示式(文字的颜色)</p>方式三：数组的形式<p :class="[isTrue, isFalse]"&g
2020-06-15 22:55:14
5286
原创 elementui的table和pagination表格和分页一起使用
<template> <div> <!-- 表格 --> <el-table :data="tableData" style="width: 100%"> <el-table-column prop="date" label="日期" width="180"> </el-table-column> <el-table-column prop="name" label="姓名" width
2020-06-07 21:50:47
1933
原创 vue使用moment.js时间格式化
安装npm install moment导入在要使用的组件里import moment from "moment";使用export default { data() { return { nowDate:new Date().getTime()// 获取时间戳 } }, created(){ // 转换时间格式年月日时分秒 this.nowDate = moment(this.no
2020-06-05 23:31:39
169
原创 js算法逻辑题
冒泡排序var arr = [3, 4, 2, 6, 1, 5];for (let i = 0; i < arr.length - 1; i++) { for (let j = 0; j < arr.length - 1 - i; j++) { if (arr[j] > arr[j + 1]) { var temp = arr[j]; arr[j] = arr[j + 1]; arr[j + 1] = temp; } }}
2020-05-20 22:20:29
125
原创 js数据处理案例
得到数据值如下 :const arr01 = [“张三”, “李四”, “王五”, “陈六”];const arr02 = [18,17,20,21];将上面转化为期望数组 :[{ name: “张三”, age: 18 },{ name: “李四”, age: 17 },{ name: “王五”, age: 20 },{ name: “陈六”, age: 21 }]let arr = []; // 定义[]arr01.forEach((v, index) => { arr.
2020-05-19 22:20:49
248
原创 es5和es6数组去重
es6—new Setvar arr = [1, 2, 1, 2, 1, 2]var newArr = [...new Set(arr)]console.log(newArr) // [1, 2]// 或者var newArr2 = Array.from(new Set(arr))console.log(newArr2) // [1, 2]es5—开关思想去重var arr = [1, 2, 1, 2, 1, 2];var newArr = [];for (var i = 0; i
2020-05-16 17:25:15
244
转载 vuecli3.0配置多个环境---第二篇
在项目根目录下新建文件.evn.test , 写上代码.evn.testNODE_ENV = 'test'在axios封装的接口上判断接口基地址let BASE_URL = ""; //这里是一个默认的url，可以没有switch (process.env.NODE_ENV) { case 'development': BASE_URL = "http://0....
2020-05-08 10:06:13
159
转载 vuecli3.0配置多个环境---第一篇
使用vue-cli3.0生成项目后 , 再新建两个文件在两个文件里面都添加上地址接口.env.developmentVUE_APP_URL = "/api" // 生成环境 // .env.production.env.productionVUE_APP_URL = "地址接口" // 开发环境在axios的接口前加上VUE_APP_URL就可以了const BASE =...
2020-05-08 09:58:46
348
原创 字体图标引入后报错Uncaught SyntaxError: Unexpected token
css文件和js文件导入在index.html文件上会报错只有在main.js主入口导入才行总结 :反要导入的文件最好在主入口main.js导入
2020-05-03 13:54:01
743
原创 使用vee-validate验证表单
安装依赖npm install [email protected]新建 validator.jsimport Vue from 'vue'import VeeValidate, {Validator} from 'vee-validate';import zh_CN from 'vee-validate/dist/locale/zh_CN'; Vue.use...
2020-04-17 14:53:16
202
原创 config.js中设置devServer.proxy解决跨域问题
module.exports = { // 配置 axios 代理请求 devServer: { host: '0.0.0.0', //ip地址 hot: true, //热加载 port: 8081, //端口 https: false, //false关闭https，true为开启 open: true, //自动打开浏览器 proxy:...
2020-03-27 16:53:47
1398
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人