SJAY's blog

解决办法：1、在.eslint.js配置文件中添加如下配置：（如果没有，新建.eslint.js文件） module.exports = { root: true, parserOptions: { sourceType: 'module' }, parser: "vue-eslint-parser", env: { browser: tru

- 阅读全文 -

使用vue-pdf一个页面内，动态切换src时不刷新或不生效参考如下：子组件PdfViewer<template> <div class="fill-height pdf-container"> <template v-if="src && numberOfPages"> <p

- 阅读全文 -

前提ref、reactive、toRef、toRefs 这些方法 均需从 vue 中导入到组件。ref、reactive、toRef、toRefs 创建的变量在 setup 中都需要 return { ... } 抛出才可在页面使用，除非你是为props创建响应式。类型 是否触发页面改变 是否可以解构ref 　　　　 是 否reactive 　 是

- 阅读全文 -

1、合并数组正常代码：let apples = ['redApple', 'greenApple']; let fruits = ['watermelon', 'strawberry', 'grape'].concat(apples); console.log( fruits ); //=> ["watermelon", "strawberry",

- 阅读全文 -

对localStorage存储的简单封装，支持加密，过期时间/*** * title: storage.js * Author: Gaby * Desc: 对存储的简单封装 */ // 安装crypto-js // npm install crypto-js import CryptoJS from 'crypto-js'; // 十六位十六进制数作为密钥 const SECRET

- 阅读全文 -

01、通过条件判断向对象添加属性 const isValid = false; const age = 18; // 我们可以通过展开运算符向对象添加属性 const person = { id: 'ak001', name: 'ak47', ...(isValid && {isActive: true}), ...((age > 18 ||

- 阅读全文 -

一、判断数据类型/** * 类型检测函数 * 为typeof关键字的增强版，可以准确判断null，date类型 * 原理是使用V8引擎最初的toString方法观察数据类型 * @param {Object} obj 任意对象，例如null，undefined，date * @return {String} 类型的全小写字符串 */ function type(obj) { re

- 阅读全文 -

直接上代码：重点是： 给<el-table>加上不同的标识来利用table :key="tab === '1' ? 'tab1' : 'tab2'" <div class="tabs"> <el-tabs v-model="processingCompleted"

- 阅读全文 -

项目：Vue + elementUi 后台管理项目问题描述：新增工单后，跳转到列表页（列表页是TAB页）。。。问题解决：工单表单页，在核酸计划规则只有5次以内时，提交跳转没有问题，但是一旦超过6次，就会出现跳转路由卡死，这个问题纠结了好久，各种情况去排除。后来突然发现是否是tabs引发的问题。。。查阅了一些资料，最终得到需要在el-tabs的外面包两层el-row、el-col（嗯，什么都不想说，

- 阅读全文 -

前端定义表头及针对后端API返回的数据做特殊处理： // 前端定义表头 tableKey: [ { label: '集中隔离类型名称', width: '', align: 'center', prop: 'centralizedIsolationName' }, { label: '居家监测类型名称',

- 阅读全文 -