vue中children的用法

  • Post author:
  • Post category:vue

Vue中chlidren的作用: chlidren实现嵌套路由地作用! index.js中路由的写法: index.js中路由的写法: routes: [ { path: '/', component: () => import(`@/views/bilibili`), bilibili------文件夹名称 children: [ (children)起嵌套的作用 { path: '', …

继续阅读 vue中children的用法

【vue+蓝牙扫码枪】实现扫码录入发票信息,光标自动聚焦,列表中连续录入

  • Post author:
  • Post category:vue

上周给了我一把扫码枪,给了份说明书,说了一下如何开机,关机和连蓝牙 然后关于扫码枪的就没了 虽然没有搞过,但是搜一搜文章,了解了解,也是能搞出来的。 借鉴了这篇文章,感兴趣的可以 戳这里,扫码枪【1】:vue中扫码枪的运用 博主说的挺明了的,扫码枪扫出来的信息会在有光标的输入框内显示,并且扫码枪自己做了一件事,就是扫码完成后自动触发input输入框的enter(键盘回车)事件 所以我们要做两件事,…

继续阅读 【vue+蓝牙扫码枪】实现扫码录入发票信息,光标自动聚焦,列表中连续录入

解决在vue中使用elementUI自定义校验及点击提交不生效问题

  • Post author:
  • Post category:vue

前言: 本章讲述的主要是对 身份证号码的校验 及 为何校验了但提交不生效问题 。 拓展小知识: 🍀 1、身份证号码(二代18位身份证)的 含义 : 1️⃣ 1-2位:代表所属省级政府的代码; 2️⃣ 3-4位:代表所在的地、市级政府代码; 3️⃣ 5-6位:代表所在区、县级政府代码; 4️⃣ 7-10位:代表身份证持有人的出生年份; 5️⃣ 11-12位:代表身份证持有人的出生月份; 6️⃣ 13…

继续阅读 解决在vue中使用elementUI自定义校验及点击提交不生效问题

vue.js学习笔记,一、安装部署

  • Post author:
  • Post category:vue

1、sudo npm install -g cnpm –registry= https://registry.npm.taobao.org 安装cnpm淘宝镜像 2、cpm -v 3、cnpm install -g vue-cli 全局安装vue 4、安装完成之后,检测版本 vue -V 5、创建一个基于“webpack”模板的新项目 vue init webpack myFirstVueProj…

继续阅读 vue.js学习笔记,一、安装部署

vue keep-alive第一次无效问题以及解决办法

  • Post author:
  • Post category:vue

使用keep-alive场景:列表页 -> 详情页 ->列表页(使用keep-alive缓存列表页) 方法一:这种方法不管从哪个页面返回到list页面,list页面都不刷新,不建议使用 <!-- 注:list是组件名 --> <keep-alive include="list"> <router-view /> </keep-alive>…

继续阅读 vue keep-alive第一次无效问题以及解决办法

【若依vue框架学习】4.获取登录用户信息(getInfo)

  • Post author:
  • Post category:vue

目录 浏览器视角 前端视角 获取 来源 后端视角 ​​​​​​​ 浏览器视角 概览: 请求体: 响应体: 前端视角 获取 const username = this.$store.state.user.name; 来源 其中,先dispath到Login: 当Login的动作结束,后端返回了token,保存好token之后,then会push路由到/,并被拦截 if (前往登录页面)  不阻拦 e…

继续阅读 【若依vue框架学习】4.获取登录用户信息(getInfo)

基于 SpringBoot+Vue 的开源数据可视化分析工具

  • Post author:
  • Post category:vue

简介 DataEase 是开源的数据可视化分析工具,帮助用户快速分析数据并洞察业务趋势,从而实现业务的改进与优化。DataEase 支持丰富的数据源连接,能够通过拖拉拽方式快速制作图表,并可以方便的与他人分享。 技术栈 后端:Spring Boot 前端:Vue.js、Element、Apache ECharts 中间件:MySQL 数据处理:Kettle、Apache Doris 基础设施:Do…

继续阅读 基于 SpringBoot+Vue 的开源数据可视化分析工具

vue2处理keep-alive对多级路由缓存,以及清除缓存的总结

  • Post author:
  • Post category:vue

前言 最近接收了一个陈年的vue2项目,经历了多个前辈高人,目前可以说是一座伟岸的shit山。如果改改bug之类的雕花需求还能接受,但是在交付后了来了一个需要腾空10米然后空中转体720平稳落地之后进行雕花的高难度需求。 对tabs页面进行缓存 需要对现有项目进行页面缓存,点击面包屑顶部的tabs标签<如下图>切换页面时保持住页面缓存,使用菜单或按钮跳转切换页面则需要进行更新(清除缓存…

继续阅读 vue2处理keep-alive对多级路由缓存,以及清除缓存的总结

关于vue中使用ant design

  • Post author:
  • Post category:vue

1:版本问题 版本的问题简直想让人崩溃,我是重新全局安装了vue 和vue/cli ,然后再创建项目,重新引入ant-design就没问题了 1: npm install -g vue@2.6.11 vue的版本我指定的是2.6.11 2: cnpm install @vue/cli@4.0.4 -g vue/cli的版本我指定的是4.0.4 3:这时候创建项目,引入ant-design就不会报错…

继续阅读 关于vue中使用ant design

Vue计算属性传参

  • Post author:
  • Post category:vue

您好,如果喜欢我的文章,可以关注我的公众号 「量子前端」 ,将不定期关注推送前端好文~ computed可以传参 学习Vue有一段时间了,一开始一直会有一个误区——computed计算属性无法和methods事件一样进行参数的传递。 很神奇的事情发生了,使用闭包可以在computed中获取到标签中传来的值并且处理完之后return回去结果,废话不多说,下面就是个小例子!!!!! computed(…

继续阅读 Vue计算属性传参