我很久之前写了一篇前端vue利用blob对象下载文件,有些人私信我,如果后端返回流失败,给出的json对象该怎么获得?前端获取的流怎么能获取原文件名?其实在那篇文章之后,我就已经针对这两个问题进行了优化,于是就有了这篇. 首先,针对第一个问题,如果能正常获得文件流,前端则以blob对象承接,反之,一般后端会传一个json对象告诉你失败了以及失败原因,这个时候json对象由于请求中responseType: 'blob'的声明之后,也会生成文件,但是文件内容是乱码,这个时候,我们必须要用到File

背景 在项目中使用对话框的通常做法是把对话框封装成组件,在使用的地方引入,然后添加到template,使用visible.sync控制对话框的显示/隐藏,监听confirm事件处理用户点击确定.如下: 1 <confirm-dialog 2 v-if="confirmDialogVisible" 3 :title="$t(`mineData.tips.deleteDataset`)" 4 :visible.sync="confirmDialogVis

另一博客地址:https://segmentfault.com/a/1190000016451376 一.基础的知识 1.html 2.js 3.css二.搭建项目过程--windows系统1.node.js环境--检查是否已安装node环境 node -v 如果没有安装的话,可以去node官网安装. 2.安装cnpm(可以选择不安装)[淘宝镜像](http://npm.taobao.org/) npm install -g cnpm --registry=https://registry.np

今天有一个idea,vue一些组件,可能会全局都用到,我觉得在main.js写 Vue.component(name, instance) 然后很命令式,写着也不好看,想着能够有一个函数可以指定加载比如components下的文件,自动完成全局化注册,想起来就很帅 放代码: export function autoLoadingGlobalComponent() { const requireComponent = require.context( // 其组件目录的相对路径 '../compo

vue使用了单文件组件方式来解耦视图即.vue后缀文件名 单文件组件组成部分: <template> </template> <script> </script> <style> </style> 其中template.script以及实现了私有化 那么style如何实现私有化? 为此vue为style提供了一个scoped属性用于实现样式私有化 <style scoped> </style> 实现样式私有化的

使用情景: 有频繁使用的组件 需要进行全局注册 可以将这些组件都放在components下同一个文件夹下,在此文件夹中建立 一个js文件 代码如下: import Vue from 'vue'; // 修改文件名首字母大写 function changeComponentName (str) { return str.charAt(0).toUpperCase() + str.slice(1); } // 获取当前文件夹下的的组件 // require.context 三个参数 第一个表示读取文

1.安装node.js:https://nodejs.org/en/download/(看电脑的系统是多少位下载相应版本) 我下载的是Windows Installer(.msi) x64 2.打开cmd,查询npm -v看是否有版本号 3.输入指令: 1.npm install -g @vue/cli 2.npm install -g @vue/cli 这两种方式都是全局的(-g) 注意:如果觉得下载速度过于慢了(服务器在国外),可以使用淘宝镜像下载 在cmd中输入: npm install

一.首先安装 node.js 安装成功后在cmd里面使用:node -v 命令查看安装是否成功 下载链接: 链接:https://pan.baidu.com/s/1CL9J4Ryp3sL0zPYKJyS-3A 提取码:d8gl 安装国内的npm镜像源:npm install -g cnpm --registry=https://registry.npm.taobao.org 安装完成后使用:npm -v 或者cnpm -v (推荐使用cnpm 这样更快) 安装vue脚手架:vue-clinpm

新建vue脚手架 vue-element-cms步骤: 1. vue create ……………(文件名)---这里取为vue-element-cms 2. 命令行工具进入这个文件夹,安装路由依赖包 npm install vue-router -S   在package.json里查看是否成功安装配置

el:挂载点 与$mount有替换关系 new Vue({ el: "#app" }); new Vue({}).$mount('#app') 注:被你选为挂载点的那个元素,如果在index.html里那个元素里面本来就有内容,在渲染时会消失(网速慢可以看到),被这个vue实例的对应内容所覆盖. data:内部数据 支持对象和函数,优先用函数 new Vue({ //优先使用函数 data() { return { n: 0, } } }).$mount("#app"

Vue.cli是基于vue应用开发提供的一个脚手架工具,为应用搭建基础的框架架构,提供插件.开发服务.打包等功能. 1. 安装 node.js是一个JavaScript的运行环境,提供了一个事件驱动.非阻塞I/O的模型,让JavaScript运行在服务端 npm全称Node Package Manager,是node包管理和分发的工具,可以对应用的依赖进行管理,下载js库,打包js文件 npm从远程下载的js包所存放的路径会变得越来愈大,使用 npm config ls 查询NPM管理包路径(N

前置知识 SSR服务器渲染 Vue SSR(server side rendering)服务端渲染 和 Vue SPA(single page application)单页应用 Vue SSR->将本来要放在浏览器执行创建的组件,放到服务端先创建好,然后生成对应的html 将他们直接发送到浏览器,最后将这些静态标记激活为客户端完全可交互的应用程序 SSR针对SPA的好处: 1)更好的SEO,由于搜索引擎抓取工具可以直接查看完全渲染后的页面 2)更快的到达时间(time-to-content),特

1.单选框/手风琴 <script> $(document).ready(function(){ $("dd").on("click",function(){ var $this = $(this); $("dd").removeClass("selected"); $this.addClass("selected"); }) }) </script> 2.复选框 function

1.卸载旧版本 npm uninstall vue-cli -g 或者 yarn global remove vue-cli 2.安装cli3脚手架 npm install -g @vue/cli 或者 yarn global add @vue/cli 注意: 要求node版本 >=8.9 vue查看版本号------vue -V node查看版本号-----node -v 3.安装支持运行独立的.vue文件 需安装 npm install -g @vue/cli-service-gloabal

当我们使用 npm 下载过文件之后,里面就会有缓存 我们要使用 npm cache clean --force 来清除缓存 创建项目:vue create 文件名 然后:cd 文件名 启动程序:npm run serve 打包指令:npm run build 打包指令遇到的问题? 当我们的打包好后,打开后 index.html 的文件,显示空白的页面,没错,我们还要经过很多的处理,才能正常的显示: 第一步:(文件路径处理)在当前的根目录下面创建一个文件 vue.config.js 在 vue.c

router路由的使用 1.使用nuxt-link来跳转路由 <!-- 要跳转的路由的地址就是pages文件夹中定义的xxx.vue的前缀名--> <nuxt-link to="/home">Home page</nuxt-link> <!-- 默认在pages文件夹下的index.vue就是默认的 / 的文件 --> 2.定义动态路由 // 动态路由创建文件的时候需要以_为前缀命名文件比如_id.vue.那么路由访问的时候就是/2323

目录 uni-simple-router 一.快速上手 扩一:webpack插件之DefinePlugin 扩二:uni-read-pages 如何获取pages.json中的路由 二.H5模式 2.1 路由配置 2.2 完全使用vue-router开发 (H5端) 2.3 H5 路由传参 2.4 H5端路由捕获所有路由或404路由 2.5 路由懒加载 三.小程序模式 四.路由跳转 4.1 组件跳转 4.2 编程式导航 五.跨平台模式 5.1 提前享用生命周期 5.2 导航守卫 六.路由守卫-模

之前有看过一些命名规范,也看到说vue文件命名要么全是小写要么就是用小写 + '-':其实看到的时候有点不以意,因为本地能跑起项目:发布能正常访问也就OK了. 但是今天在做自动化部署的时候碰到一个问题,找了很久才发现原来就是大小写惹的祸. 用linux部署一直报错,如下: 相信问题大家都很容易看懂,就是找不到文件,但是我们在本地跑是没问题的,问题来了,这是为什么呢? 所以强烈建议大家注意文件名的大小写呀,”血淋漓"的坑啊

vue项目中会遇到上传文件的需求,jquery会有一些插件很方便,如果不使用插件网上的方法没有太容易的而且很多是原生JS或者基于jQuery操作dom结构的.那么在vue项目中如何实现呢,还有如何模拟表单文件提交呢? 这里文件上传文件框的样式美化就不过多赘述了,有很多例子.只介绍一下功能的实现以及注意的问题. <template> <div> <span> <a href="javascript:;" class="file_prev

vue文件模板 模板变量 https://code.visualstudio.com/docs/editor/userdefinedsnippets#_variables vue.json { // Place your snippets for vue here. Each snippet is defined under a snippet name and has a prefix, body and // description. The prefix is what is used t