精华内容
下载资源
问答
  • VUE2.0离线帮助文档 Chm

    2018-06-27 22:20:23
    本文档为离线帮助文档,方便程序员在没有网的情况下快速找到想要的。下载后解压就好
  • vue.js 2.0帮助文档.chm

    2018-05-11 14:12:29
    下载之后,右键文件属性->常规,在常规 里边我们可以看到提示 这个文档来自其他计算机,可能被阻止以帮助保护计算机,点击 解除锁定,确定,就可以用啦!
  • vue文件以及文档.zip

    2019-12-20 08:51:07
    vue.js文件是最新的版本,包含有生产版和开发版本自由选择,还有详细的帮助文档,把几个文件压缩了,下载的时候解压就可用
  • vue-文件下载封装实现

    2020-07-05 17:32:02
    好久木有来更新了,最近用vue整前端,有个下载帮助文档的需求,前后端分离的项目,对于万年不变的帮助文档来说,本次就准备放在前端,实现直接从前端下载文件: 下面是实现的具体方法: downfile() { var url = “…...

    最近用vue整前端,有个下载帮助文档的需求,前后端分离的项目,对于万年不变的帮助文档来说,本次就准备放在前端,实现直接从前端下载文件:

    下面是实现的具体方法:

    downfile() {
                var url = "../static/file/test.pdf";
                var filename = "test.pdf";
                return fetch(url).then(res => res.blob().then(blob => {
                    let a = document.createElement('a');
                    let url = window.URL.createObjectURL(blob);
                    a.href = url;
                    a.download = filename;
                    a.click();
                    window.URL.revokeObjectURL(url);
                }))
            }
    
    展开全文
  • 1.vue-cli2+vue 注意:vue-cli2本地文件需要放在静态...帮助文档</a> <a href="javascript:void(0);" @click="download">帮助文档</a> download(){ axios.get('static/export.pdf', { respo

    1.vue-cli2+vue
    在这里插入图片描述

    	注意:vue-cli2本地文件需要放在静态文件static下
    
    <a  href="javascript:void(0);" @click="download">帮助文档</a>
    
    	download(){
          axios.get('static/export.pdf', {
            responseType: 'blob', //重要
            }).then(response => {
              //判断是否是IE浏览器,是的话返回true
              if ("msSaveOrOpenBlob" in navigator) {//兼容ie浏览器下载报传递给系统调用的数据区域太小.
                  var data = response.data;
                  var blob = new Blob([data], { type: "application/vnd.ms-excel" });
                  window.navigator.msSaveOrOpenBlob(blob, '帮助文档.pdf');
                  return;
              } else {
                const url = window.URL.createObjectURL(new Blob([response.data]));
                const link = document.createElement('a');
                let fname = '帮助文档.pdf';
                link.href = url;
                link.setAttribute('download', fname);
                document.body.appendChild(link);
                link.click();
              }
            });
        },
    

    2.vue-cli3 +vue 参考此篇文章

    展开全文
  • 本项目技术栈基于 ES2015+、vue、vuex、vue-router 、axios 和 element-ui,所有的请求数据都使用Mock.js模拟,提前了解和学习这些知识会对使用本项目有很大的帮助。 相关文档 老板让我十分钟上手nx-admin Vue2.0...
  • Version: 2.x (中文文档) QQ Group: 255965810 we guess you may also see version 1.0 Online Demo https://halower.github.io/vue-tree SelectTree API The latest release has the ability to support the ...
  • 如果你觉得该项目不错,或者对你有所帮助,点个 Star,就是对我最大的鼓励,我会更有动力维护好该项目。 微信 公众号 ID:CB834301747 ID:QuanZhanXiuLian 欢迎关注微信公众号 “全栈修炼”,回复 ...
  • 在线文档 : https://www.gin-vue-admin.com/ 从环境到部署教学视频 开发教学 (贡献者: LLemonGreen And Fann) 前端UI框架:element-ui 后台框架:gin 1. 基本介绍 1.1 项目介绍 在线预览 测试用户名:admin ...
  • 在线文档 : https://www.gin-vue-admin.com/ 开发教学 (贡献者: LLemonGreen And Fann) 前端UI框架:element-ui 后台框架:gin 1. 基本介绍 1.1 项目介绍 在线预览 测试用户名:admin 测试密码:123456 Gin-...
  • 简体中文 | English Vue Antd Admin Ant Design Pro 的 Vue 实现版本 开箱即用的中后台前端/设计解决方案 ...多种主题模式可选: ...预览地址:...如果该项目对您有所帮助,可以请作者喝一杯咖啡。
  • Vue-Vben-Aadmin 是完全开源免费的项目,在帮助开发者更方便地进行中大型管理系统开发,同时也提供 QQ 交流群(项目刚起步,人数较少,有兴趣的可以加群一起讨论),使用问题欢迎在群内提问。 QQ 群 569291866
  • 也就是获取静态资源文件export.pdf,将pdf文档下载至本地。 拿到这个需求后,找了些方案,如下 方案1:在vue cli中安装一些插件,如jquery,利用jquery下载本地文件; 方案2:直接使用原生ajax下载本地文件; ...

    目录

    1.需求确定

    2.具体内容

    3.总结


    1.需求确定

    最近在项目中要点击“帮助文档”,下载《系统操作手册》。

    也就是获取静态资源文件export.pdf,将pdf文档下载至本地。

    拿到这个需求后,找了些方案,如下

    方案1:在vue cli中安装一些插件,如jquery,利用jquery下载本地文件;

    方案2:直接使用原生ajax下载本地文件;

    方案3:利用axios请求;

    最后考虑到项目中已经在使用axios,就采用方案3。

    2.具体内容

    在使用过程中发现问题记录如下:

    项目1:vue 2.0 + element ui+es5中

    利用a标签,给个点击事件download()

    <a id="attname" class="attname" href="javascript:void(0);" @click="download">帮助文档</a>
    
    

    页面已经引用过axios,使用如下:

    import axios from 'axios';
    
    

    Download方法中为避免无法导出,将待导出文件名称改为英文“export.pdf”,导出后的名称设置为中文名称“系统操作手册.pdf”;

    待导出文件放在“static”文件夹下;  

      download(){
    
            axios.get('static/export.pdf', {
    
              responseType: 'blob', //重要
    
            }).then(response => {
    
              const url = window.URL.createObjectURL(new Blob([response.data]));
    
              const link = document.createElement('a');
    
              let fname = '系统操作手册.pdf';
    
              link.href = url;
    
              link.setAttribute('download', fname);
    
              document.body.appendChild(link);
    
              link.click();
    
            });
    
          
    
        }

    项目2:vue 3.0 + iview ui+typescript中

    利用a标签,给个点击事件download()

    <a id="attname" class="attname" href="javascript:void(0);" @click="download">帮助文档</a>
    
    

    页面已经引用过axios

    import axios from 'axios';

    Download方法中为避免无法导出,将待导出文件名称改为英文“export.pdf”,导出后的名称设置为中文名称“系统操作手册.pdf”;

    在“public”文件夹下建“export”文件夹,放待导出文件;  

      download(){
    
            axios.get('export/export.pdf', {
    
              responseType: 'blob', //重要
    
            }).then(response => {
    
              const url = window.URL.createObjectURL(new Blob([response.data]));
    
              const link = document.createElement('a');
    
              let fname = '系统操作手册.pdf';
    
              link.href = url;
    
              link.setAttribute('download', fname);
    
              document.body.appendChild(link);
    
              link.click();
    
            });
    
          
    
        }
    
    

    其中,在项目2的使用过程中遇到了问题,将待下载文件放在“static”或“assets”文件夹下,始终获取不到待下载文件,不同的后缀的文件“.json、.ts”等都是404找不到,如下:

     

    经过一天的问题查找,发现vue cli3.0中静态资源文件夹为“public”,在“public”文件夹下建“export”文件夹,放待导出文件“export.pdf”后,返回状态码200,下载正常:

    3.总结

    vue cli2.0的静态文件是static

    vue cli3.0的静态文件是public

    童鞋们使用过程中千万不要搞错了,会获取不到本地文件的

    注:除本文中pdf文件外,还可下载其他格式为文件,使用方式类似;

    记录一下,以备查询使用;

     

    展开全文
  • 初学vue时曾在网上搜索vue的实战项目源码,无奈大部分都是简单的demo,对于深究vue没有太大的帮助,剩下的一些大部分都是像音乐播放器之类的展示型项目,交互没有预期那么复杂。但我们实际在工作中,经常会遇到有...
  • 话不多说,直接入正题,走起~~~一、FeHelper(前端助手)JSON自动格式化、手动格式化,支持排序、解码、下载等,更多功能可在配置页按需安装!FeHelper(前端助手)二、Postman发送通过Postman Chrome应用触发的请求。...

    大家好,我来了!

    42488de82e37bd2868a5697bbbd81d81.png

    本期给大家带来几款IT相关的chrome浏览器扩展。

    优秀的扩展程序能很好地帮助您提升工作效率。

    话不多说,直接入正题,走起~~~

    一、FeHelper(前端助手)

    JSON自动格式化、手动格式化,支持排序、解码、下载等,更多功能可在配置页按需安装!

    42272dd17aa9a02a93ed35ad73d3d0dd.png

    FeHelper(前端助手)

    二、Postman

    发送通过Postman Chrome应用触发的请求。Postman Interceptor可帮助您通过Postman应用发送使用浏览器cookie的请求。

    9b9e0c5efa591c0592cae515494c3c66.png

    Postman

    三、Clear Cache

    清除缓存和Chrome浏览数据的最佳方法!轻松清除历史记录,下载,cookie或设置自动清除历史记录!Clean Guru是有用且轻巧的附加组件,旨在提供更舒适的浏览体验。

    清洁大师很容易使用。适用于Chromebook,Windows PC,Mac或Linux的最佳清洁历史记录和缓存工具之一。

    ef901cc329eea6fff710d036b98ed859.png

    Clear Cache

    四、WhatRuns

    WhatRuns框架,分析工具。

    运行WhatRuns扩展程序,以查找所访问的任何网站上使用的技术。从开发人员工具和广告网络到Wordpress插件和主题,我们甚至可以检测到新的和即将推出的工具和服务。

    c8f9ab740955908c9e668e2843e1e79d.png

    WhatRuns

    五、JSON-handle

    JSON-handle是JSON文档的浏览器和编辑器。

    对JSON格式的内容进行浏览和编辑,以树形图样式展现JSON文档,并可实时编辑。在节点树图中编辑和浏览JSON文档。

    b6305fd324856c57ce327f875413d5c1.png

    JSON-handle

    六、Code Cola

    Code Cola是一个可视化编辑在线页面css样式的chrome插件。

    58433ac7ebf4627c788a8115260792f4.png

    Code Cola

    以上就是今天分享的内容,希望对小伙伴们有所帮助。如果大家有什么想要了解的,或者想要使用到的相关插件和软件都可以评论区留言,小编免费帮大家寻找。

    如果您觉得小编的分享对您有帮助,请关注走起,关注了后期更新不迷路~~~

    展开全文
  • 详细的文档和多个实际示例 Vue 3 庞大而活跃的社区 MIT许可证-免费供个人和商业使用 受信赖 2 000 000+ 开发人员和设计师。 像这样的公司使用 ...
  • vuecli配合axios使用 下载 npm i axios 导入 import axios from “axios” 全局使用 get post axios等 axios({ url:"", //地址 method:“get/post” //请求的方式 post提交 get获取 params:{ //是即将与请求一起发送...
  • 提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录前言一、上传1.template内容2.转二进制 前言 提示:这里可以添加本文要记录的大概内容: 例如:随着人工智能的不断发展,机器学习这门...
  • Vue3

    2021-03-14 13:17:51
    提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录前言一、安装1.独立版本安装2.CDN 方法3.NPM 方法4.Vite (推荐使用)二、目录结构二、目录结构1.引入库2.读入数据总结 前言 构建用户...
  • 创建vue项目

    2020-10-18 22:00:56
    提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录前言一、安装node.js环境2.安装vue-cli脚手架3.创建vue项目总结 前言 创建vue项目的基本配置 一、安装node.js环境 在用Vue.js构建大型...
  • 本人买来的视频教程,对VUE基础学习很有帮助,可放心下载,网 盘资源,文档下载后有链接和密码,到度娘处下载学习视频即可。
  • Vue材料工具包的文档位于我们的。 档案结构 在下载中,您将找到以下目录和文件: vue-material-kit/ ├── CHANGELOG.md ├── README.md ├── babel.config.js ├── package.json ├── pu
  • 提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 Cordova + vue 打包安卓[Android] apk 及 Apk版本自动升级及安装[实时获取下载进度]准备一、Cordova + vue 打包安卓(Android) apk1.安装Cordova...
  • vue语法.rar

    2019-08-16 11:03:43
    配合vue1.0使用的版本的帮助文档地址: https://github.com/vuejs/vue-router/tree/1.0/docs/zh-cn 配合vue1.0使用的vue-router下载地址: ...
  • vue3的安装与运行

    2021-01-04 11:23:36
    提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录前言一、vue3安装二、使用步骤1.下载安装vue3且兼容vue22.运行vue项目小结 前言 随着VUE3的更新,更多的 提示:以下是本篇文章正文...
  • 说明:vue是一套构建用户界面的渐进式框架,可通过独立版本的方式直接使用从官网上直接下载 vue.min.js 并用 &lt;script&gt; 标签引入或者通过cdn方法直接引用。本文档只介绍vue.Js的另一种安装方式npm...
  • VUE项目环境搭建

    2021-04-15 23:26:48
    提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录软件准备一、软件安装二、使用步骤1.切换源2.安装Vue脚手架3.为vscode安装必要的插件总结 软件准备 提示:分别在官网下载node和vscode...
  • Vue安装及环境配置、开发工具

    千次阅读 2020-09-29 17:06:08
    提示:文章写完后,目录可以自动生成,如何生成可参考右边的帮助文档 文章目录vue安装环境搭建前言一、node.js安装和配置1. 下载安装node.js2. 配置默认安装目录和缓存日志目录3. node.js环境配置4. 配置淘宝镜像源...
  • vue项目过程中需要用到的知识

    千次阅读 2018-10-25 21:52:50
    可以通过码云平台帮助文档来建立ssh公匙 Vue-cli中的src文件中是项目中所有的源代码文件 Vue的单文件组件和路由 当一个文件以.Vue为后缀时被称为单文件组件 组建的模板在template中 组件的逻辑在script中 ...
  • Vue中使用TinyMce方法

    千次阅读 2018-11-25 22:45:55
    我的项目是vue2,通过npm下载了模块后,找到官方文档进行阅读,只有英文文档,所以在阅读的时候有些细节方面就很难理解。下面我就记录一下我在学习中遇到的几个问题,希望能给更多的朋友提供帮助。 正文 要学习...

空空如也

空空如也

1 2 3 4 5 6
收藏数 119
精华内容 47
关键字:

vue帮助文档下载

vue 订阅