关于vue中hash和history的区别与使用图文详解
目录 一、区别 二、使用 1、现有一个这样的页面(Vue2) 2、设置路由模式 3、打包 4、模拟一个服务器(nodejs的express) 5、把打包好的文件放到服务器 6、访问,路由跳转不涉及网络请求 7、刷新页面,资源请求失败,发送网络请求/MyHome/message/details/1 »
关于vue中hash和history的区别与使用图文详解
目录 一、区别 二、使用 1、现有一个这样的页面(Vue2) 2、设置路由模式 3、打包 4、模拟一个服务器(nodejs的express) 5、把打包好的文件放到服务器 6、访问,路由跳转不涉及网络请求 7、刷新页面,资源请求失败,发送网络请求/MyHome/message/details/1 »
Vue列表渲染v-for的使用案例详解
目录 列表渲染 基本列表 v-for 细节问题 key的使用 v-for两个参数 使用index作为key 参数的括号可有可无 of代替in 遍历对象 遍历字符串(用的少) 遍历指定次数(用的少) 总结 列表渲染 列表渲染的东西比较多,我们通过案例一步一步学习列表渲染的相关知识 »
Vue计算属性中reduce方法实现遍历方式
目录 vue计算属性reduce方法实现遍历 未登录购物车:选中商品 选中一个 初始化全选 计算总价格(使用reduce方法) 总结 vue计算属性reduce方法实现遍历 在前端页面中要实现一个商品购物车的遍历来计算出总价格,很多小伙伴都会想到用循环,可是这样编写的代码语句过于臃肿 »
vue在html标签{{}}中调用函数的方法总结及对比
目录 一、问题 1)实现上述需求:有两种方式 2)两种实现方式对比: 二、解决方法(在html渲染时调用函数) 1.定义处理函数 2.引入处理函数,在data中定义函数,在html中使用 3.效果 4.优化 三、总结 一、问题 1.在html中对数据中的某一个标签是根据标签的类 »
Node升级后vue项目node-sass报错问题及解决
目录 Node升级后vue项目node-sass报错 node升级命令 解决方案 若依vue前端node升级记录 总结 Node升级后vue项目node-sass报错 node升级命令 npm install -g n sudo n 16.14.0 升级后以前的vue »
vue中process.env的具体使用
目录 一、介绍 二、使用 1、在nodejs中使用 2、在vue中使用 模式 一、介绍 1、process process是 nodejs 下的一个全局变量,它存储着 nodejs 中进程有关的信息。 2、process.env env 是 environment 的简称,pro »
vue中process.env的具体使用
目录 一、介绍 二、使用 1、在nodejs中使用 2、在vue中使用 模式 一、介绍 1、process process是 nodejs 下的一个全局变量,它存储着 nodejs 中进程有关的信息。 2、process.env env 是 environment 的简称,pro »
vue项目中created()被调用多次的踩坑实战
目录 一、问题描述 二、排查过程 三、备注 总结 一、问题描述 最近碰到一个奇怪的生产问题: 正常情况下、前端页面会请求一次后台、然后后台返回信息("处理成功"或"处理失败")、前端展示;后台用aop+redis写了一个防止重复调用的方法,如果5s内同一个用户重复调用同一个接口,就返回" »
vue项目中created()被调用多次的踩坑实战
目录 一、问题描述 二、排查过程 三、备注 总结 一、问题描述 最近碰到一个奇怪的生产问题: 正常情况下、前端页面会请求一次后台、然后后台返回信息("处理成功"或"处理失败")、前端展示;后台用aop+redis写了一个防止重复调用的方法,如果5s内同一个用户重复调用同一个接口,就返回" »
vue之“} expected“和“at-rule or selector expected“报错的解决
目录 “} expected“和“at-rule or selector expected“报错 问题 解决 报错提示:at-rule or selector expectedcss(css-ruleorselectorexpected) 总结 “} expected“和“at-ru »
vue之“} expected“和“at-rule or selector expected“报错的解决
目录 “} expected“和“at-rule or selector expected“报错 问题 解决 报错提示:at-rule or selector expectedcss(css-ruleorselectorexpected) 总结 “} expected“和“at-ru »
vue使用sass根据环境进行样式判断区分方式
目录 使用sass根据环境进行样式判断区分 vue sass和scss的区别 总结 使用sass根据环境进行样式判断区分 我们在开发时可能会有需求根据当前vue的环境变量进行样式区分,说白了就是如何在sass中进行if else,下面将是我的处理方法。 首先在webpack -> »
vue使用sass根据环境进行样式判断区分方式
目录 使用sass根据环境进行样式判断区分 vue sass和scss的区别 总结 使用sass根据环境进行样式判断区分 我们在开发时可能会有需求根据当前vue的环境变量进行样式区分,说白了就是如何在sass中进行if else,下面将是我的处理方法。 首先在webpack -> »
Vue八大生命周期钩子函数源码分析
本篇内容主要讲解“Vue八大生命周期钩子函数源码分析”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“Vue八大生命周期钩子函数源码分析”吧! 一.速识概念: 我们把一个对象从生成(new)到被销毁(destory)的过程,称为生命周期。而生命周期函数,就是 »
vue + gojs 实现拖拽流程图效果
目录 一、流程图效果 二、为什么选go.js流程图插件去开发项目? 三、项目开发 四、当前画布的监听事件名称包括 五、迭代篇 (一)、项目的迭代。 (二)、整体用的js方法 (三)、功能分析 一、流程图效果 最近一段时间在研究go.js,它是一款前端开发画流程图的一个插件,也是一个难点 »
vue项目如何实现前端预览word与pdf格式文件
最近做vue项目遇到一个需求,就是前端实现上传word或pdf文件后,后端返回文件对应的文件流,前端需要在页面上展示出来。word预览简单一些,pdf预览我试过pdfjs,vue-pdf总是报各种奇奇怪怪的bug,但最终总算解决了问题,先看一下页面最终呈现效果吧: 页面上传pdf文件效果如下: »
vue项目如何实现前端预览word与pdf格式文件
最近做vue项目遇到一个需求,就是前端实现上传word或pdf文件后,后端返回文件对应的文件流,前端需要在页面上展示出来。word预览简单一些,pdf预览我试过pdfjs,vue-pdf总是报各种奇奇怪怪的bug,但最终总算解决了问题,先看一下页面最终呈现效果吧: 页面上传pdf文件效果如下: »
一文详解vue各种权限控制与管理实现思路
目录 一、 菜单权限 二、 路由权限 三、 按钮权限 四 、 数据权限 一、 菜单权限 菜单权限:控制用户在系统中能够看到哪些菜单项 菜单权限指的就是后台系统中的左侧的菜单栏,前端可以根据后端接口返回的权限数据结合element-ui菜单组件循环拼接而成即可,有什么权限就展示什么菜单 »
一文详解vue各种权限控制与管理实现思路
目录 一、 菜单权限 二、 路由权限 三、 按钮权限 四 、 数据权限 一、 菜单权限 菜单权限:控制用户在系统中能够看到哪些菜单项 菜单权限指的就是后台系统中的左侧的菜单栏,前端可以根据后端接口返回的权限数据结合element-ui菜单组件循环拼接而成即可,有什么权限就展示什么菜单 »