不知名人士的博客

但是如果此时需要根据返回的是文件还是json来进行后续不同的操作，你在控制台输出返回的结果，会发现输出的都是blob文件，此时有没有办法转成json呢？工作中遇到一个接口逻辑是有时候会返回文件有时候会返回json，为了保证能接收到文件，需要将。因此我们可以通过这个type来进行是否转换为json的判断条件。可以看出两者的type是不同的，而且输出。

JS 将指定内容复制到剪贴板

那当然是ok，但是带来的问题是代码实在太多了，如果这要是几百个对象，岂不是要手动创建几百个对象。一般第一想法会是什么呢？手动创建上方所示的对象，然后一个一个push进数组。仅支持两个键值对以内的对象。...

假设有这么一个数组：let arr = [ { name: 'Jae', age: 22, status: 1 }, { name: 'Jake', age: 23, status: 1 }, { name: 'Tom', age: 25, status: 0 }, { name: 'Lee', age: 27, status: 1 },]我想把对象中 status 为0的

用 deletelet obj = { name: 'Jae', age: 18, sex: 'boy', status: 'happy'};console.log(obj); // { name: 'Jae', age: 18, sex: 'boy', status: 'happy' }delete obj.age;delete obj.statu;console.log(obj); // { name: 'Jae', sex: 'boy' }

Object.prototype.toString.call来试一试吧！const num = 1const str = '1'const arr = [1]const obj = {}const fun = new Functionconst date = new Date()const un = undefinedconst bool = trueconst sy = Symbol()const nu = nullconst re = new RegExg()const err

别再用 for 循环了，用 splicearr = arr.splice(0, n)

这么一个场景，假如 data 中有个 type 属性，只要这个 type 不为空，就给div添加 A、B 两个类名，否则就添加类名 C。该怎么做？<template> <div :class="[type !== '' ? 'A B' : 'C']">777</div> <!-- 是的，中间用空格隔开就行了 --></template><script>import vuedraggable from 'vuedragg

很多地方都有这种效果：可以使用flex布局来完成，但是每个子项又是分组来排列的，如何做？举个例子，可以试着来完成4个子项的效果，即：来看看怎么完成：<!-- CSS --><style>.main { width: 500px; height: 500px; background-color: skyblue; display: flex; } .main > div { width:

HTML：<div class="box"> 文字宽度</div>CSS：.box { padding: 4px 16px; font-size: 26px; font-weight: 400; color: #196FFA; line-height: 38px; border-radius: 8px; background-color: #DFE7F5;}展示效果：这里会发现整个盒子宽度是占满的，怎么样能实现盒子宽度跟里面的文字相

如果有同学还没用过这个功能，可以先了解下：使用场景大部分情况下使用 el-select 的时候，el-options 中 options 的值都是后端接口给的数据，直接赋值就可以了。但是有的时候数据量比较大，比如几千甚至上万条的时候，如果直接赋值，整个页面的 dom 会被撑爆，不仅请求全量数据接口的时候时间会很久，而且赋值完之后整个页面会非常卡。解决方法现在的 elementPlus 已经有虚拟化选择器了，直接使用，非常方便，如果你使用的是Vue3，...

ElementUI Tag 标签

项目中用到了 Day.js 中的查询对象是否在两个时间之间，需要用到 isBetween 方法，直接用的话会报错，查了一下官网的说明：发现需要额外引入，方法大概是通过挂载到 dayjs 函数下的 extend 函数加载，然后使用:import isBetween from 'dayjs/plugin/isBetween'然后在 created 中挂载一下：created() { dayjs.extend(isBetween)}在页面方法中就可以使用 isBetween 方法了，其他官方

Vue 中 PC 端（移动端通用）如何实现滚动到底部时加载数据？

网上太多方法了，适用的没几个，下面这个是我亲测可行的：transform: translate3d(1%, 1%, 0) scale(0.72) 即可显著提高清晰度

用 replace，直接上代码：let str = "https://www.baidu.com";console.log(str.replace("https://www.","")) // baidu.com

vue 中同一路由跳转由于不会重新执行生命周期，所以数据不更新。不管是动态路由，还是传参都不会刷新页面最简单最常用的方式是监听路由变化，在路由发生变化后执行一系列操作watch: { $route(to) { if (to.name === "check") { this.init() // 一般是执行你写在 mounted 下的方法 } }}...

使用 map()字符串 => 数字：const arr = ['1', '2', '3']arr.map(Number) // [1, 2, 3]数字 => 字符串const arr = [1, 2, 3]arr.map(String) // ['1', '2', '3']

使用 Object.keys() 后判断数组长度是否为0const obj1 = { name: 'Jae', age: 22 }const obj2 = {}Object.keys(obj1.length) // 结果为 ['name', 'age']，长度为2，所以对象不为空Object.keys(obj2.length) // 结果为 []，长度为0，所以对象为空...

你如果直接复制以下官网的代码到你的项目中，肯定是不显示的，而且控制台还会报错。使用这个组件需要注意以下两点：一、写在最外层容器下的第一行代码例如：<template> <div class="wrap"> <el-backtop target=".panel-card" :visibility-height="200" /> <!-- 下面是其他的 html 代码 --> </div>注意： 其他内容区的代码写

有时候会将子组件中的表单填完后的 save 事件 $emit 到父组件中，然后点击保存后怎么控制子组件中的表单验证呢？简单来说就是在子组件内部提供一个验证方法 ，父组件验证子组件的表单实际上就是调用子组件的验证方法。子组件中：methods: { validate(callback){ //这个form是子组件内部 el-form 的 ref="form" this.$refs.form.validate((valid) => { callback(valid)

这个问题来源于一个需求：仅支持查询起止时间跨度为30天内的消息，例如2020-07-01至2020-07-31正常使用 DatePicker 日期选择器时选择的时间范围是任意的，也就是说需要对可选取的时间范围进行限制。查了一下官网的属性，并没有支持可以直接设置选取范围的。只能使用这个属性来完成了：直接放代码????<el-date-picker v-model="date" type="daterange" value-format="yyyy-MM-dd" range-se

某个需求需要在路由 /systemSettle/Application 的一个页面中的对话框中进行路由跳转，至另一个页面下，如图所示（涉及公司内部业务，已部分打码）：点击跳转之后，跳转至路由 /systemSettle/payways 下的页面。如图所示：但是此时发现页面被一整个遮罩层遮住了，页面中的内容都无法点击，这是什么情况????打开控制台，如图所示：果然有个遮罩层，这是哪里来的呢？原来我以为是项目中封装的，但是搜索了一下并没有这个东西。于是去ElmentUI的官网找一下el-dialo

一句代码搞定：this.$refs.ruleForm.resetFields()其中 ruleForm 按照业务中表单验证中不同的取名进行替换即可

假设通过v-for循环在页面展示 select 下拉框，通过后端返回来的 configList字段来决定对应下拉框的显示与否，何解？<el-select :style="item.configList.length === 0 ? 'visibility: hidden;' : ''" v-for="(item, index) in selectList" :key="index" v-model="selected" placeholder="请选择"> <el-option

想把多选框组的项目竖排列，只需要在 el-checkbox 中加入样式：style="display:block;"

有时候自己编写的对象中字段名和请求后端返回来的字段不一样怎么办呢？例如：let data = [ { desc: '超清', demo:'1', url:'https://media/trailer1.mp4' }, { desc: '高清', demo:'2', url: 'https://media/trailer2.mp4' }, { desc: '标清', demo:'3', url: 'https://media/trailer3.mp4' }]处理方法：data.map(