vue
关注
分享
扫一扫
爱焰
这个作者很懒，什么都没留下…
展开
-
【vue】判断当前的运行设备
1.下载//npmnpm install current-device//yarnyarn add current-device2.main.js引入import device from 'current-device'3.使用直接调用方法即可if (device.mobile()) { console.log('移动手机')} else if (device.ipad()) { console.log('ipad')} else if (device.desk原创 2022-01-13 11:06:01 · 893 阅读 · 0 评论 -
【vue】在vue项目中通过a标签download下载本地文件
1.将需要下载的文件放在public，也就是和index.html文件一个文件夹下即可，如下图：然后在需要进行点击下载文件的地方添加如下代码：<a href="./需要下载的文件名" download>点击下载</a>就可以实现下载啦。...原创 2022-01-12 18:16:15 · 1336 阅读 · 2 评论 -
【vue】项目的 env 文件使用
这个文件的产生是为了区分各个开发环境…文件名的解释：文件(在项目根目录新建).env 无论开发环境还是生成环境都会加载.env.development 开发环境加载这个文件.env.production 生成环境加载这个文件注意env 文件需要声明运行的环境.env.developmentNODE_ENV = development---------------------------------------------------------.env.productionNODE_原创 2022-01-12 15:31:55 · 654 阅读 · 0 评论 -
【vue】clipboard实现文本复制
1.下载npm install clipboard --save2.引入使用import Clipboard from "clipboard";3.使用方法 <el-button id="publicKey" type="success" :data-clipboard-text="linkUrl" @click="copy('publicKey')" > Copy linkUrl </el-but原创 2022-01-12 14:56:38 · 252 阅读 · 0 评论 -
【vue】postcss-px-to-viewport移动端适配插件
之前做移动端适配时，基本上是采用rem方案，现在发现了一个新的方案，就是用viewport单位，现在viewport单位越来越受到众多浏览器的支持，postcss-px-to-viewport，将px单位自动转换成viewport单位，用起来超级简单。1.安装npm install postcss-px-to-viewport --save-dev2.在vue.config.js中配置module.exports = { css: { // 将项目和插件中的px转成rem lo原创 2022-01-12 11:21:05 · 829 阅读 · 0 评论 -
【vue】三种方法重置vue组件的data数据
我们在vue组件中经常遇到需要重置表单的场景，需要重置data中的对象原创 2022-01-11 14:19:02 · 9979 阅读 · 2 评论 -
Vue中获取要操作的元素DOM，怎样搞定？
在使用Vue的时候，有时候我们希望直接用Js操纵DOM来实现某些效果，具体实现只用利用Vue提供的ref属性以及this.$refs即可实现。下面放一个小DEMO！<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Examples</title&g...原创 2019-07-18 09:14:26 · 1271 阅读 · 0 评论 -
vue实现word或pdf文档导出的功能，干货！
vue实现word或pdf文档导出的功能，我的项目是：后端返回一个文档流(下图)，然后前端对文档流做处理进行下载，代码如下：import axios from 'axios'; axios.get(`url`, { //url: 接口地址 responseType: `arraybuffer` //一定要写 }) ....原创 2019-07-18 09:18:00 · 1800 阅读 · 0 评论 -
vue中8种组件通信方式,纯干货！值得收藏
vue是数据驱动视图更新的框架, 所以对于vue来说组件间的数据通信非常重要，那么组件之间如何进行数据通信的呢？首先我们需要知道在vue中组件之间存在什么样的关系, 才更容易理解他们的通信方式, 就好像过年回家，坐着一屋子的陌生人，相互之间怎么称呼，这时就需要先知道自己和他们之间是什么样的关系。vue组件中关系说明:如上图所示, A与B、A与C、B与D、C与E组件之间是父子关系； B与C之...原创 2019-07-22 11:10:41 · 1626 阅读 · 0 评论