vue中img标签的src属性的使用初步接触vue框架时,好多朋友使用img标签时,设置动态src属性时,可能都会遇到路径不生效的问题,咱们废话不多说,开整!!!img标签引用资源图片一般不需要webpack处理的资源放在static,需要经过处理的放在assets1.不需要webpack处理的图片放在static不需要webpack处理的图片,直接使用绝对路径调用图片,如"/static/xx/

vue项目中使用elementui中的TimePicker 时间选择器禁用部分时间(只禁用到分钟)项目需求是:选择日期和时间,只能选择当前时间以后的时间,禁用最小级别到分钟.有两种选择1.使用DateTimePicker 日期时间选择器.2.DatePicker 和 TimePicker 组合使用这里我是用的是第二种方法,最主要的属性是picker-options<el-date-picke

本地存储的方式及用法文章转载自javaScript有三种数据存储方式，分别是：sessionStoragelocalStoragecookier1. sessionStoragesessionStorage仅在当前会话下有效，关闭页面或浏览器后被清除；setItem(key,value) 设置数据getItem(key) 获取数据removeItem(key) 移除数据clear() 清除所有值&

Vue 路由 导航守卫(全局守卫、路由独享守卫、组件内守卫)

本地存储的方式及用法文章转载自javaScript有三种数据存储方式，分别是：sessionStoragelocalStoragecookier1. sessionStoragesessionStorage仅在当前会话下有效，关闭页面或浏览器后被清除；setItem(key,value) 设置数据getItem(key) 获取数据removeItem(key) 移除数据clear() 清除所有值&

Vue Element-ui el-table组件 实现跨分页实现全选和批量操作这是项目中遇到的问题,项目使用elementui中的el-table标签同时使用了分页功能,工业功能大概思路是前端请求后台表格所用到的所有数据,后台全部返回,前端单独来做分页功能.如图所示:遇到问题:点击全选只能选择当前页的数据,切换页码的其他也没有选择,批量删除后也只能删除当前页的数据,并不能删除所有.HTML部分,

vue项目中配置环境变量此篇文章是在网上看到的,项目中我采用的是第二种方式,此文章出处.1.环境背景项目环境一般分为开发环境，测试环境，线上环境因为每个环境的接口域名、webpack 配置都是不同的，所以在打包构建时，我们需要区分这些环境，这时就用到了环境变量在工作中使用到了两种方法来区分，下面将这两种方式一一列举出来技术框架是vue-cli@2.x首先看下下面的解释，后面会用到< proc

vue项目中实现语音队列的依次播放需求分析通过长链接接收后台返回的消息数据,并进行语音的依次播放完整.长链接和语音播放功能在以往的文章中都有介绍.再次我们主要着重介绍语音依次播放的功能.那怎样实现依次播放呢?1.需要用一个数组存储接收到的数据对象.存储到数组中就不多说了,push进去就可以.2.按照顺序进行播放.消息队列有了,初始想法是使用一个定时器,每隔几秒播报消息队列中的消息,这样需要统计每条

vue cli3项目使用rem和vw实现自适应的两种方法前言之前我写过两篇cli2项目自适应配置的文章,不过现在遇到的vue项目大多是cli3项目所以觉得有必要总结一下cli3项目自适应方法,在网上找了一篇不错的文章安装配置vue-cli3 构建的项目相较于vue-cli2 构建的项目精简了许多，将一些默认配置进行了更好更严密，让开发变得更高效的封装。一. 使用postcss-px2rem自适应1

Vue项目中使用vw实现移动端适配随着viewport单位越来越受到众多浏览器的支持，下面将简单介绍怎么实现vw的兼容问题，用vw代替rem。1.准备工作我是用vue-cli脚手架搭建vue项目的，怎样搭建就不赘述了，当我们采用vue-cli脚手架搭建完项目，安装所有依赖包之后，用npm run dev启动后，在根目录有一个 .postcssrc.js 文件，文件结构如下：vue-cli默认已经安