Vue2学习中遇到的问题

  • Post author:
  • Post category:vue

问题1: You are using Node v10.24.1, but this version of @vue/cli requires Node ^12.0.0 || >= 14.0.0. Please upgrade your Node version. //您使用的是Node v10.24.1,但这个版本的@vue/cli需要Node ^12.0.0 || >= 1…

继续阅读 Vue2学习中遇到的问题

vue路由$router.push传递Date对象

  • Post author:
  • Post category:vue

this.$router.push({path:'/',query:{curDate:JSON.stringify(this.theMonth)}}) new Date(JSON.parse(this.$route.query.curDate)) 先转为json字符串,接收后转为json对象 不转为json字符串是不可以用$route.query来接收的 版权声明:本文为weixin_412543…

继续阅读 vue路由$router.push传递Date对象

使用vue框架,引入element-ui后运行,页面空白情况

  • Post author:
  • Post category:vue

情况 创建项目后,用npm安装element-ui,然后在main.js中进行引用后,你npm run serve运行,未报错,但页面一片空白。删去main.js中关于element-ui引入的代码后,恢复正常 修改前的的main.js 修改后的main.js 原因 所用的element-ui引用方式是之前针对vue2.0版本的引用方式,需要调用Vue对象,但是在vue3.0中已经没有了vue对象…

继续阅读 使用vue框架,引入element-ui后运行,页面空白情况

Vue params和data传参的介绍

  • Post author:
  • Post category:vue

目录 一、 params params使用条件: 结果: 二、 data data使用条件 结果: 三、参数的传递(模板字符串/字符串拼接) 一、 params params使用条件: 1、get形式的传参 2、传的是一个对象 结果: 它会把你参数的内容 最后分散到你地址栏后面的问号 http://localhost:8888/user/list/1?name=liming getChapterV…

继续阅读 Vue params和data传参的介绍

用vuex对token/refresh_token 进行管理以及处理token过期问题

  • Post author:
  • Post category:vue

这里介绍对token的处理 问题1:token数据或者其他数据,存在vuex仓库中,刷新会丢失状态 。 问题2:数据只存在本地,数据变化了,相关的视图并不会更新。 Vuex 容器中的数据只是为了方便在其他任何地方能方便的获取登录状态数据, 但是页面刷新还是会丢失数据状态,所以我们还要把 数据进行持久化 以防止页面刷新丢失状态的问题。两种方式配合达到存储+响应式的功能。 前端持久化常见的方式:Coo…

继续阅读 用vuex对token/refresh_token 进行管理以及处理token过期问题

如何在vue中展示pdf

  • Post author:
  • Post category:vue

方案一,使用vue-pdf,具体使用案例参考 vue中使用vue-pdf插件显示pdf - 世界之魂 - 博客园 这个大佬的文章 方案二,使用pdfjs配合iframe一套组合拳来实现展示pdf。个人推荐是使用这套方案,因为vue-pdf好像是打印pdf时存在一些问题,而且有些功能必须要你手动添加,有一些功能还需要你手写,就比如:放大和缩小这种。最主要pdfjs功能比较全。当然这个东西要看具体项目…

继续阅读 如何在vue中展示pdf

vue3.0 页面切换后 echarts 空白

  • Post author:
  • Post category:vue

这里写自定义目录标题 vue3.0 页面切换后 echarts 空白 vue3.0 页面切换后 echarts 空白 echarts的dom元素有一个属性: echarts_instance ,需要每次刷新重新生成。 vue切换路由的时候,这个属性一直没变。 可以手动删除这个属性,让它重新生成! var basicInfoEchart1; var basicInfoEchart1Dom = doc…

继续阅读 vue3.0 页面切换后 echarts 空白

vue多项目|多工程共用相同组件思路

  • Post author:
  • Post category:vue

项目场景: 简单介绍一下目前的项目场景,目前我们有三个vue工程,就是三个vue项目,但是每个项目都有自己的基础组件库,但是这些自己封装的组件库都一样,都是CV过去的,但是现在产品不稳定,这些基础的组件库可能会总改,那么问题就来了,我每次难道都要改三遍吗?那也太费劲了,所以研究了一下如何在多个vue项目共用一套基础建设的组件,这样我就改一次就行了,不需要改很多次了。 npm简介: npm全称是no…

继续阅读 vue多项目|多工程共用相同组件思路

vue element远程搜索下拉框出tooltip el-autocomplete下拉框出省略号时鼠标移上去出提示

  • Post author:
  • Post category:vue

vue element远程搜索下拉框出tooltip el-autocomplete下拉框出省略号时鼠标移上去出提示 需求如下 效果图如下 对el-tooltip进行了二次封装 组件使用 需求如下 1.element远程搜索框下 下拉框文字超出宽度后会出省略号 要求鼠标移上去能够出文字 效果图如下 对el-tooltip进行了二次封装 <template> <el-tooltip…

继续阅读 vue element远程搜索下拉框出tooltip el-autocomplete下拉框出省略号时鼠标移上去出提示

vue 列表中默认显示几条数据,点击展示全部

  • Post author:
  • Post category:vue

思路: 1,获取接口数据的时候,给每一条数据都新增一个showmore:false 变量 2,显隐展示,新增一个常量默认展示几条,判断showmore:false 展示几条,为true展示全部 3,点击每一项的时候,展示隐藏问题,使用this.$set()动态的设置 !showmore 版权声明:本文为weixin_45108907原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文…

继续阅读 vue 列表中默认显示几条数据,点击展示全部