sessionStorage不能跨标签页解决方案–vue项目

  • Post author:
  • Post category:vue

sessionStorage不能跨标签页解决方案–vue项目 现有的浏览器存储机制 localStorage :~5MB,数据永久保存直到用户手动删除 sessionStorage :~5MB,数据只在当前标签页有效 cookie :~4KB,可以设置成永久有效 session cookie :~4KB,当用户关闭浏览器时删除(并非总能立即删除) 安全的认证token保存 一些重要的系统会要求当用…

继续阅读 sessionStorage不能跨标签页解决方案–vue项目

vue 3.0学习

  • Post author:
  • Post category:vue

关于学习Vue3.0的一些个人心得体会,分享给同学们 创建一个Vue3.0的项目 1、npm init vite-app vue3.0 2、cd vue3.0 3、npm install 4、npm run dev 3.0的一些亮点 Performance :性能比 Vue 2.0 更强。 Tree shaking support :可以将无用模块剪辑,仅打包需要的。 Composition AP…

继续阅读 vue 3.0学习

mock模拟接口测试 vue_Easy Mock以及Vue+Mock.js模拟数据

  • Post author:
  • Post category:vue

Easy Mock以及Vue+Mock.js模拟数据 一、Mock.js简介 #####Mock.js是一个可以模拟后端数据,也可以模拟增删改查操作的js库 基础语法规范 数据模板中的每个属性由 3 部分构成:属性名、生成规则、属性值:'name|rule': value 语法规则 说明 `'name min-max': string` `'name count': string` `'name …

继续阅读 mock模拟接口测试 vue_Easy Mock以及Vue+Mock.js模拟数据

vue tabs右箭头动态显示隐藏

  • Post author:
  • Post category:vue

需求:elementui 标签页多个情况下,自带左右标签,当右标签滑动到最后一个的时候隐藏,左箭头同。 注意:查找实例会有时差,可以使用定时器延迟下。 isRightArrow(){ this.$nextTick(() => { // 找出下面对应的nav实例 function findTabNavVue (vueStance) { const childrens = vueStance.$…

继续阅读 vue tabs右箭头动态显示隐藏

vue-数据的双向绑定

  • Post author:
  • Post category:vue

概述:Vue的双向绑定可以实现: 数据变化的时候, 页面会自动刷新, 页面变化的时候,数据也会自动变化. 重点: 双向绑定, 只能绑定**“文本框,单选按钮,复选框,文本域,下拉列表”**等 文本框/单选按钮/textarea, 绑定的数据是字符串类型 单个复选框, 绑定的是boolean类型 多个复选框, 绑定的是数组 select单选对应字符串,多选对应也是数组 语法: 一、绑定文本框 <…

继续阅读 vue-数据的双向绑定

vue-pdf不显示电子签章

  • Post author:
  • Post category:vue

vue-pdf版本号4.1.0,查看合同类的pdf时显示不出来电子签名,pdf格式是后端返回的base64位格式的; 解决方法:找到node_modules包里的pdfjs-dist/es5/build/pdf.worker.js文件,找到下列代码注释掉即可 _this3.setFlags(_util.AnnotationFlag.HIDDEN); 不过因为是修改的node包,再次install的…

继续阅读 vue-pdf不显示电子签章

vue3.0报错 You may use special comments to disable some warnings. Use // eslint-disable-next-line

  • Post author:
  • Post category:vue

vue3.0 报错 You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the next line. Use /* eslint-disable */ to ignore all warnings in a file. 找到package.json 找到此处…

继续阅读 vue3.0报错 You may use special comments to disable some warnings. Use // eslint-disable-next-line

vue3 antd 表单校验与重置

  • Post author:
  • Post category:vue

1.在表单中添加动态校验 <a-form :model="addUserForm" name="basic" :label-col="{ span: 5 }" :wrapper-col="{ span:17 }" autocomplete="off" ref="addUserFormRef"//必填项在setup中定义addUserFormRef :rules="addUserRules"/…

继续阅读 vue3 antd 表单校验与重置